@ordanetwork/sdk 1.2.0 → 1.3.0

package/dist/cjs/react/components/Widget/components/TransactionDialog/components/Swap/Swap.js

@@ -0,0 +1,361 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Swap = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const button_1 = require("../../../../../ui/button");
+const CustomDialogHeader_1 = require("../../../CustomDialogHeader");
+const useTransaction_1 = require("../../../../../../hooks/useTransaction");
+const constants_1 = require("../../../../../../lib/constants");
+const chain_1 = require("../../../../../../lib/utils/chain");
+const transaction_1 = require("../../../../../../lib/utils/transaction");
+const react_1 = require("react");
+const sonner_1 = require("sonner");
+const wagmi_1 = require("wagmi");
+const TransactionDetails_1 = require("../TransactionDetails");
+const Swap = ({ fromAmount, toAmount, fromTokenSelected, toTokenSelected, handleCompleteTransaction, toggleDialogOpen, quote, approvalComplete, setApprovalComplete, approvalTxHash: _approvalTxHash, setApprovalTxHash, }) => {
+    const [mode, setMode] = (0, react_1.useState)('review');
+    const [_txHash, setTxHash] = (0, react_1.useState)(null);
+    const [isApproving, setIsApproving] = (0, react_1.useState)(false);
+    const [_isSending, setIsSending] = (0, react_1.useState)(false);
+    const [_isConfirming, setIsConfirming] = (0, react_1.useState)(false);
+    const [animationStatus, setAnimationStatus] = (0, react_1.useState)('converting');
+    const [isMonitoring, setIsMonitoring] = (0, react_1.useState)(false);
+    const [_currentStatus, setCurrentStatus] = (0, react_1.useState)('Pending');
+    const needsApproval = Boolean(quote?.approvalTxParams);
+    const { data: walletClient } = (0, wagmi_1.useWalletClient)();
+    const publicClient = (0, wagmi_1.usePublicClient)();
+    const { address: connectedAddress, chain: connectedChain } = (0, wagmi_1.useAccount)();
+    const { switchChainAsync } = (0, wagmi_1.useSwitchChain)();
+    const { waitForCompletion } = (0, useTransaction_1.useTransaction)();
+    const executeApproval = async () => {
+        if (!quote?.approvalTxParams || !walletClient) {
+            sonner_1.toast.error('Wallet not ready');
+            return;
+        }
+        if (!connectedAddress) {
+            sonner_1.toast.error('Wallet not connected');
+            return;
+        }
+        setMode('confirming');
+        setIsApproving(true);
+        setIsSending(true);
+        setAnimationStatus('converting');
+        try {
+            const approvalParams = quote.approvalTxParams;
+            // Get chainId from transactionRequest, as approvalParams doesn't include it in API response
+            const requiredChainId = Number(quote.transactionRequest?.chainId);
+            if (!requiredChainId || isNaN(requiredChainId)) {
+                throw new Error('Invalid chain ID in quote');
+            }
+            (0, transaction_1.validateTransactionParams)({
+                to: approvalParams.to,
+                from: approvalParams.from,
+                data: approvalParams.data,
+                chainId: requiredChainId,
+            });
+            if (connectedChain?.id !== requiredChainId) {
+                const requiredChainName = (0, chain_1.getChainName)(requiredChainId);
+                console.log('[Swap] Switching chain from', connectedChain?.id, 'to', requiredChainId);
+                sonner_1.toast.info(`Please switch to ${requiredChainName} network...`);
+                try {
+                    await switchChainAsync({ chainId: requiredChainId });
+                    sonner_1.toast.success(`Switched to ${requiredChainName}`);
+                }
+                catch (switchError) {
+                    console.error('[Swap] Chain switch failed:', switchError);
+                    throw new Error(`Please switch to ${requiredChainName} network in your wallet and try again`);
+                }
+            }
+            const wagmiChain = (0, chain_1.getWagmiChain)(requiredChainId);
+            const txParams = {
+                account: approvalParams.from,
+                to: approvalParams.to,
+                data: approvalParams.data,
+                value: 0n,
+                chain: wagmiChain,
+            };
+            if (approvalParams.gas) {
+                txParams.gas = (0, transaction_1.safeParseBigInt)(approvalParams.gas);
+            }
+            if (approvalParams.maxFeePerGas && approvalParams.maxPriorityFeePerGas) {
+                txParams.maxFeePerGas = (0, transaction_1.safeParseBigInt)(approvalParams.maxFeePerGas);
+                txParams.maxPriorityFeePerGas = (0, transaction_1.safeParseBigInt)(approvalParams.maxPriorityFeePerGas);
+            }
+            else if (approvalParams.gasPrice) {
+                txParams.gasPrice = (0, transaction_1.safeParseBigInt)(approvalParams.gasPrice);
+            }
+            console.log('[Swap] Sending approval transaction');
+            const approvalHash = await walletClient.sendTransaction(txParams);
+            console.log('[Swap] Approval transaction sent:', approvalHash);
+            setApprovalTxHash(approvalHash);
+            setIsSending(false);
+            setIsConfirming(true);
+            sonner_1.toast.info('Waiting for approval confirmation...');
+            if (publicClient) {
+                await publicClient.waitForTransactionReceipt({
+                    hash: approvalHash,
+                    confirmations: 1,
+                });
+                console.log('[Swap] Approval confirmed');
+            }
+            setApprovalComplete(true);
+            setIsApproving(false);
+            setIsConfirming(false);
+            setMode('review');
+            sonner_1.toast.success('Token approved', {
+                description: 'You can now confirm the transaction',
+                duration: 3000,
+            });
+        }
+        catch (error) {
+            console.error('[Swap] Approval error:', error);
+            setIsApproving(false);
+            setIsSending(false);
+            setIsConfirming(false);
+            setMode('error');
+            setAnimationStatus('error');
+            const { title, description } = (0, transaction_1.getTransactionErrorMessage)(error);
+            sonner_1.toast.error(title, { description, duration: 4000 });
+        }
+    };
+    const executeTransaction = async () => {
+        if (!quote?.transactionRequest || !walletClient) {
+            sonner_1.toast.error('Wallet not ready');
+            return;
+        }
+        if (!connectedAddress) {
+            sonner_1.toast.error('Wallet not connected');
+            return;
+        }
+        setMode('confirming');
+        setIsSending(true);
+        setAnimationStatus('converting');
+        try {
+            const txRequest = quote.transactionRequest;
+            if (txRequest.from && txRequest.from.toLowerCase() !== connectedAddress.toLowerCase()) {
+                sonner_1.toast.error('Wallet mismatch', {
+                    description: 'Please switch to the wallet used for the quote',
+                    duration: 5000,
+                });
+                setIsSending(false);
+                setMode('error');
+                setAnimationStatus('error');
+                return;
+            }
+            (0, transaction_1.validateTransactionParams)({
+                to: txRequest.to,
+                from: txRequest.from,
+                data: txRequest.data,
+                chainId: txRequest.chainId,
+            });
+            const requiredChainId = Number(txRequest.chainId);
+            if (connectedChain?.id !== requiredChainId) {
+                const requiredChainName = (0, chain_1.getChainName)(requiredChainId);
+                console.log('[Swap] Switching chain from', connectedChain?.id, 'to', requiredChainId);
+                sonner_1.toast.info(`Please switch to ${requiredChainName} network...`);
+                try {
+                    await switchChainAsync({ chainId: requiredChainId });
+                    sonner_1.toast.success(`Switched to ${requiredChainName}`);
+                }
+                catch (switchError) {
+                    console.error('[Swap] Chain switch failed:', switchError);
+                    throw new Error(`Please switch to ${requiredChainName} network in your wallet and try again`);
+                }
+            }
+            const wagmiChain = (0, chain_1.getWagmiChain)(requiredChainId);
+            console.log('[Swap] Sending transaction with params:', {
+                from: txRequest.from,
+                to: txRequest.to,
+                value: txRequest.value,
+                gas: txRequest.gas,
+                chainId: requiredChainId,
+            });
+            const txParams = {
+                account: txRequest.from,
+                to: txRequest.to,
+                data: txRequest.data,
+                value: (0, transaction_1.safeParseBigInt)(txRequest.value),
+                chain: wagmiChain,
+            };
+            if (txRequest.gas) {
+                txParams.gas = (0, transaction_1.safeParseBigInt)(txRequest.gas);
+            }
+            if (txRequest.maxFeePerGas && txRequest.maxPriorityFeePerGas) {
+                txParams.maxFeePerGas = (0, transaction_1.safeParseBigInt)(txRequest.maxFeePerGas);
+                txParams.maxPriorityFeePerGas = (0, transaction_1.safeParseBigInt)(txRequest.maxPriorityFeePerGas);
+            }
+            else if (txRequest.gasPrice) {
+                txParams.gasPrice = (0, transaction_1.safeParseBigInt)(txRequest.gasPrice);
+            }
+            if (txRequest.nonce) {
+                txParams.nonce = Number(txRequest.nonce);
+            }
+            const hash = await walletClient.sendTransaction(txParams);
+            console.log('[Swap] Transaction sent:', hash);
+            console.log('[Swap] Transaction ID:', quote.transactionId);
+            setTxHash(hash);
+            setIsSending(false);
+            setIsConfirming(true);
+            sonner_1.toast.success('Transaction submitted', {
+                description: 'Waiting for confirmation...',
+                duration: 3000,
+            });
+            if (publicClient) {
+                await publicClient.waitForTransactionReceipt({ hash });
+            }
+            setIsConfirming(false);
+            setIsMonitoring(true);
+            setMode('processing');
+            sonner_1.toast.success('Transaction confirmed on-chain', {
+                description: 'Monitoring transaction status...',
+                duration: 3000,
+            });
+            if (quote.transactionId) {
+                try {
+                    const finalStatus = await waitForCompletion(String(quote.transactionId), {
+                        intervalMs: 5000,
+                        timeoutMs: 600000,
+                        onStatusUpdate: (status) => {
+                            console.log('[Swap] Transaction status update:', status);
+                            const txStatus = String(status);
+                            setCurrentStatus(txStatus);
+                            if (txStatus === 'Pending' || txStatus === 'In_progress') {
+                                setAnimationStatus('converting');
+                            }
+                        },
+                    });
+                    setIsMonitoring(false);
+                    if (finalStatus?.transaction?.status === 'Completed') {
+                        setMode('completed');
+                        setAnimationStatus('completed');
+                        sonner_1.toast.success('Transaction completed', {
+                            description: 'Your swap has been executed successfully',
+                            duration: 3000,
+                        });
+                        setTimeout(() => {
+                            handleCompleteTransaction();
+                        }, 2000);
+                    }
+                    else if (finalStatus?.transaction?.status === 'Failed') {
+                        setMode('error');
+                        setAnimationStatus('error');
+                        sonner_1.toast.error('Transaction failed', {
+                            description: 'Please try again or contact support',
+                            duration: 4000,
+                        });
+                    }
+                    else if (finalStatus?.transaction?.status === 'Refunded') {
+                        setMode('completed');
+                        setAnimationStatus('completed');
+                        sonner_1.toast.info('Transaction refunded', {
+                            description: 'Funds have been returned to your wallet',
+                            duration: 3000,
+                        });
+                        setTimeout(() => {
+                            handleCompleteTransaction();
+                        }, 2000);
+                    }
+                }
+                catch (error) {
+                    console.error('[Swap] Transaction monitoring error:', error);
+                    setIsMonitoring(false);
+                    setMode('error');
+                    setAnimationStatus('error');
+                    sonner_1.toast.error('Error monitoring transaction', {
+                        description: 'Please check your transaction status manually',
+                        duration: 4000,
+                    });
+                }
+            }
+            else {
+                setMode('completed');
+                setAnimationStatus('completed');
+                sonner_1.toast.success('Transaction confirmed', {
+                    description: 'Your swap has been executed',
+                    duration: 3000,
+                });
+                setTimeout(() => {
+                    handleCompleteTransaction();
+                }, 1500);
+            }
+        }
+        catch (error) {
+            console.error('[Swap] Transaction error:', error);
+            setIsSending(false);
+            setIsConfirming(false);
+            setMode('error');
+            setAnimationStatus('error');
+            const { title, description } = (0, transaction_1.getTransactionErrorMessage)(error);
+            sonner_1.toast.error(title, { description, duration: 4000 });
+        }
+    };
+    const handleTryAgain = () => {
+        setMode('review');
+        setTxHash(null);
+        setIsApproving(false);
+        setIsSending(false);
+        setIsConfirming(false);
+        setIsMonitoring(false);
+        setAnimationStatus('converting');
+    };
+    const toChainSelected = (0, constants_1.getChainInfo)(toTokenSelected?.chainId);
+    const getModeConfig = () => {
+        switch (mode) {
+            case 'review':
+                return {
+                    title: needsApproval && approvalComplete ? 'Approve the transaction' : 'Review your order',
+                    subtitle: 'Check the order details',
+                    buttonText: needsApproval && !approvalComplete ? 'Continue' : 'Convert',
+                    buttonAction: needsApproval && !approvalComplete ? executeApproval : executeTransaction,
+                    buttonDisabled: false,
+                    showButton: true,
+                    showAnimation: true,
+                };
+            case 'confirming':
+                return {
+                    title: isApproving ? 'Approve token' : 'Approve the transaction',
+                    subtitle: 'Confirm the transaction in your wallet',
+                    buttonText: 'Waiting for confirmation',
+                    buttonAction: undefined,
+                    buttonDisabled: true,
+                    showButton: true,
+                    showAnimation: true,
+                };
+            case 'processing':
+                return {
+                    title: 'Converting',
+                    subtitle: 'Confirm the transaction in your wallet',
+                    buttonText: '',
+                    buttonAction: undefined,
+                    buttonDisabled: true,
+                    showButton: false,
+                    showAnimation: true,
+                };
+            case 'completed':
+                return {
+                    title: 'Conversion completed',
+                    subtitle: `Recipient received ${toAmount} ${toTokenSelected.symbol} on ${toChainSelected?.displayName}.`,
+                    buttonText: 'Done',
+                    buttonAction: handleCompleteTransaction,
+                    buttonDisabled: false,
+                    showButton: true,
+                    showAnimation: true,
+                };
+            case 'error':
+                return {
+                    title: 'Something went wrong',
+                    subtitle: 'You can try again',
+                    buttonText: 'Try again',
+                    buttonAction: handleTryAgain,
+                    buttonDisabled: false,
+                    showButton: true,
+                    showAnimation: true,
+                };
+        }
+    };
+    const modeConfig = getModeConfig();
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(CustomDialogHeader_1.CustomDialogHeader, { onOpenChange: toggleDialogOpen, animation: modeConfig.showAnimation, animationStatus: animationStatus, isAnimating: isMonitoring || mode === 'completed' || mode === 'error' }), (0, jsx_runtime_1.jsx)(TransactionDetails_1.TransactionDetails, { fromAmount: fromAmount, toAmount: toAmount, fromTokenSelected: fromTokenSelected, toTokenSelected: toTokenSelected, title: modeConfig.title, subtitle: modeConfig.subtitle, swapQuote: quote }), modeConfig.showButton && ((0, jsx_runtime_1.jsx)(button_1.Button, { onClick: modeConfig.buttonAction, disabled: modeConfig.buttonDisabled, className: "mt-6 h-14 w-full cursor-pointer rounded-2xl px-3 py-4", children: modeConfig.buttonText }))] }));
+};
+exports.Swap = Swap;
+//# sourceMappingURL=Swap.js.map

package/dist/cjs/react/components/Widget/components/TransactionDialog/components/Swap/Swap.js.map

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

package/dist/cjs/react/components/Widget/components/TransactionDialog/components/Swap/index.d.ts

@@ -0,0 +1,2 @@
+export { Swap } from './Swap';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/react/components/Widget/components/TransactionDialog/components/Swap/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/components/Widget/components/TransactionDialog/components/Swap/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/dist/cjs/react/components/Widget/components/TransactionDialog/components/Swap/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Swap = void 0;
+var Swap_1 = require("./Swap");
+Object.defineProperty(exports, "Swap", { enumerable: true, get: function () { return Swap_1.Swap; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/react/components/Widget/components/TransactionDialog/components/Swap/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/react/components/Widget/components/TransactionDialog/components/Swap/index.ts"],"names":[],"mappings":";;;AAAA,+BAA8B;AAArB,4FAAA,IAAI,OAAA"}

package/dist/cjs/react/components/Widget/components/TransactionDialog/components/TransactionDetails/TransactionDetails.d.ts

@@ -0,0 +1,17 @@
+import type { Token } from '../../../../types';
+import type { TransferResponse, TypedQuoteResponse, TypedOffRampQuoteResponse } from '../../../../types/quote';
+import type { OffRampQuoteResponse, OnRampQuoteResponse } from '../../../../../../../index';
+interface TransactionDetailsProps {
+    fromAmount: string;
+    toAmount: string;
+    fromTokenSelected: Token;
+    toTokenSelected: Token;
+    title?: string;
+    subtitle?: string;
+    swapQuote?: TransferResponse | TypedQuoteResponse | null;
+    onRampQuote?: OnRampQuoteResponse | null;
+    offRampQuote?: OffRampQuoteResponse | TypedOffRampQuoteResponse | null;
+}
+export declare const TransactionDetails: ({ fromAmount, toAmount, fromTokenSelected, toTokenSelected, title, subtitle, swapQuote, onRampQuote, offRampQuote, }: TransactionDetailsProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TransactionDetails.d.ts.map

package/dist/cjs/react/components/Widget/components/TransactionDialog/components/TransactionDetails/TransactionDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionDetails.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/components/Widget/components/TransactionDialog/components/TransactionDetails/TransactionDetails.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAG/G,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAM5F,UAAU,uBAAuB;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,KAAK,CAAC;IACzB,eAAe,EAAE,KAAK,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,gBAAgB,GAAG,kBAAkB,GAAG,IAAI,CAAC;IACzD,WAAW,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,oBAAoB,GAAG,yBAAyB,GAAG,IAAI,CAAC;CACxE;AAED,eAAO,MAAM,kBAAkB,GAAI,sHAUhC,uBAAuB,4CAwHzB,CAAC"}

package/dist/cjs/react/components/Widget/components/TransactionDialog/components/TransactionDetails/TransactionDetails.js

@@ -0,0 +1,49 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransactionDetails = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const dialog_1 = require("../../../../../ui/dialog");
+const constants_1 = require("../../../../../../lib/constants");
+const quote_1 = require("../../../../types/quote");
+const inputFormatters_1 = require("../../../../../../lib/utils/inputFormatters");
+const lucide_react_1 = require("lucide-react");
+const components_1 = require("./components");
+const shared_1 = require("../../../shared");
+const assets_1 = require("../../../../../../assets");
+const TransactionDetails = ({ fromAmount, toAmount, fromTokenSelected, toTokenSelected, title = 'Review your order', subtitle = 'Check the order details', swapQuote, onRampQuote, offRampQuote, }) => {
+    const fromChainSelected = (0, constants_1.getChainInfo)(fromTokenSelected?.chainId);
+    const toChainSelected = (0, constants_1.getChainInfo)(toTokenSelected?.chainId);
+    const formatDuration = (seconds) => {
+        if (seconds < 60)
+            return `~${seconds}s`;
+        const minutes = Math.floor(seconds / 60);
+        return `~${minutes}m`;
+    };
+    const formatAddress = (address) => {
+        if (address.length <= 13)
+            return address;
+        return `${address.slice(0, 7)}...${address.slice(-6)}`;
+    };
+    const formatGasFee = (amount, decimals) => {
+        const gasDecimals = decimals || 18;
+        const gasFee = parseFloat(amount) / Math.pow(10, gasDecimals);
+        return gasFee.toFixed(6);
+    };
+    const swapQuoteTyped = swapQuote && (0, quote_1.isTransferResponse)(swapQuote) ? swapQuote : null;
+    const recipientAddress = swapQuoteTyped?.quote?.toAddress || onRampQuote?.quote?.toAddress;
+    const estimatedDuration = swapQuoteTyped?.quote?.estimatedDuration ||
+        onRampQuote?.quote?.estimatedDuration ||
+        offRampQuote?.quote?.estimatedDuration;
+    const timeToComplete = estimatedDuration ? formatDuration(estimatedDuration) : undefined;
+    const networkCost = swapQuoteTyped?.quote?.fees?.gas
+        ? formatGasFee(swapQuoteTyped.quote.fees.gas.amount, swapQuoteTyped.quote.fees.gas.decimals)
+        : undefined;
+    const isOffRamp = !!offRampQuote;
+    const showRecipient = !isOffRamp && recipientAddress;
+    const fromChainIconUrl = fromChainSelected?.id ? (0, assets_1.getChainIconUrl)(fromChainSelected.id) : null;
+    const toChainIconUrl = toChainSelected?.id ? (0, assets_1.getChainIconUrl)(toChainSelected.id) : null;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(dialog_1.DialogTitle, { className: "mb-0 mt-2 pb-0", children: title }), (0, jsx_runtime_1.jsx)("small", { className: "text-sm font-normal text-zinc-500", children: subtitle }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-6 flex flex-col", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-3.5", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center justify-between", children: [(0, jsx_runtime_1.jsx)("small", { className: "text-sm font-normal text-zinc-500", children: "Asset" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center gap-1.5", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center gap-0.5", children: [(0, jsx_runtime_1.jsx)(shared_1.TokenIconDisplay, { symbol: fromTokenSelected.symbol, size: "sm" }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col items-end", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-0.5", children: [(0, jsx_runtime_1.jsx)("small", { className: "text-sm font-normal text-zinc-950", children: (0, inputFormatters_1.roundToNineDecimals)(fromAmount) || '0' }), (0, jsx_runtime_1.jsx)("small", { className: "text-sm font-normal text-zinc-950", children: fromTokenSelected.symbol })] }) })] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ArrowRight, { className: "size-4" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center gap-0.5", children: [(0, jsx_runtime_1.jsx)(shared_1.TokenIconDisplay, { symbol: toTokenSelected.symbol, size: "sm" }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col items-end", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-0.5", children: [(0, jsx_runtime_1.jsx)("small", { className: "text-sm font-normal text-zinc-950", children: (0, inputFormatters_1.roundToNineDecimals)(toAmount) || '0' }), (0, jsx_runtime_1.jsx)("small", { className: "text-sm font-normal text-zinc-950", children: toTokenSelected.symbol })] }) })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center justify-between", children: [(0, jsx_runtime_1.jsx)("small", { className: "text-sm font-normal text-zinc-500", children: "Network" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-center gap-1.5", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center gap-0.5", children: [fromChainIconUrl && (0, jsx_runtime_1.jsx)("img", { src: fromChainIconUrl, alt: fromChainSelected?.displayName, className: "h-6 w-6 rounded-sm" }), (0, jsx_runtime_1.jsx)("small", { className: "text-sm font-normal text-zinc-950", children: fromChainSelected?.displayName })] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ArrowRight, { className: "size-4" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center gap-0.5", children: [toChainIconUrl && (0, jsx_runtime_1.jsx)("img", { src: toChainIconUrl, alt: toChainSelected?.displayName, className: "h-6 w-6 rounded-sm" }), (0, jsx_runtime_1.jsx)("small", { className: "text-sm font-normal text-zinc-950", children: toChainSelected?.displayName })] })] })] }), showRecipient && ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center justify-between", children: [(0, jsx_runtime_1.jsx)("small", { className: "text-sm font-normal text-zinc-500", children: "Recipient" }), (0, jsx_runtime_1.jsx)("small", { className: "text-sm font-normal text-zinc-950", children: formatAddress(recipientAddress) })] })), timeToComplete && ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center justify-between", children: [(0, jsx_runtime_1.jsx)("small", { className: "text-sm font-normal text-zinc-500", children: "Time to complete" }), (0, jsx_runtime_1.jsx)("small", { className: "text-sm font-normal text-zinc-950", children: timeToComplete })] }))] }), networkCost && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "my-3 w-full border border-zinc-200" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center justify-between", children: [(0, jsx_runtime_1.jsx)("small", { className: "text-sm font-normal text-zinc-500", children: "Network cost" }), (0, jsx_runtime_1.jsxs)("small", { className: "text-sm font-normal text-zinc-950", children: [networkCost, " ", swapQuoteTyped?.quote?.fees?.gas?.token || 'ETH'] })] })] })), (0, jsx_runtime_1.jsx)(components_1.CollapsibleInfo, { swapQuote: swapQuote, onRampQuote: onRampQuote, offRampQuote: offRampQuote })] })] }));
+};
+exports.TransactionDetails = TransactionDetails;
+//# sourceMappingURL=TransactionDetails.js.map

package/dist/cjs/react/components/Widget/components/TransactionDialog/components/TransactionDetails/TransactionDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionDetails.js","sourceRoot":"","sources":["../../../../../../../../../src/react/components/Widget/components/TransactionDialog/components/TransactionDetails/TransactionDetails.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAEb,qDAAuD;AAEvD,+DAA+D;AAE/D,mDAA6D;AAC7D,iFAAkF;AAElF,+CAA0C;AAC1C,6CAA+C;AAC/C,4CAAmD;AACnD,qDAA2D;AAcpD,MAAM,kBAAkB,GAAG,CAAC,EACjC,UAAU,EACV,QAAQ,EACR,iBAAiB,EACjB,eAAe,EACf,KAAK,GAAG,mBAAmB,EAC3B,QAAQ,GAAG,yBAAyB,EACpC,SAAS,EACT,WAAW,EACX,YAAY,GACY,EAAE,EAAE;IAC5B,MAAM,iBAAiB,GAAG,IAAA,wBAAY,EAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;IACnE,MAAM,eAAe,GAAG,IAAA,wBAAY,EAAC,eAAe,EAAE,OAAO,CAAC,CAAC;IAE/D,MAAM,cAAc,GAAG,CAAC,OAAe,EAAU,EAAE;QACjD,IAAI,OAAO,GAAG,EAAE;YAAE,OAAO,IAAI,OAAO,GAAG,CAAC;QACxC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;QACzC,OAAO,IAAI,OAAO,GAAG,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,OAAe,EAAU,EAAE;QAChD,IAAI,OAAO,CAAC,MAAM,IAAI,EAAE;YAAE,OAAO,OAAO,CAAC;QACzC,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACzD,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,MAAc,EAAE,QAAiB,EAAU,EAAE;QACjE,MAAM,WAAW,GAAG,QAAQ,IAAI,EAAE,CAAC;QACnC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC;QAC9D,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,SAAS,IAAI,IAAA,0BAAkB,EAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAErF,MAAM,gBAAgB,GAAG,cAAc,EAAE,KAAK,EAAE,SAAS,IAAI,WAAW,EAAE,KAAK,EAAE,SAAS,CAAC;IAC3F,MAAM,iBAAiB,GACrB,cAAc,EAAE,KAAK,EAAE,iBAAiB;QACxC,WAAW,EAAE,KAAK,EAAE,iBAAiB;QACrC,YAAY,EAAE,KAAK,EAAE,iBAAiB,CAAC;IACzC,MAAM,cAAc,GAAG,iBAAiB,CAAC,CAAC,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEzF,MAAM,WAAW,GAAG,cAAc,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG;QAClD,CAAC,CAAC,YAAY,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC;QAC5F,CAAC,CAAC,SAAS,CAAC;IAEd,MAAM,SAAS,GAAG,CAAC,CAAC,YAAY,CAAC;IACjC,MAAM,aAAa,GAAG,CAAC,SAAS,IAAI,gBAAgB,CAAC;IAErD,MAAM,gBAAgB,GAAG,iBAAiB,EAAE,EAAE,CAAC,CAAC,CAAC,IAAA,wBAAe,EAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC9F,MAAM,cAAc,GAAG,eAAe,EAAE,EAAE,CAAC,CAAC,CAAC,IAAA,wBAAe,EAAC,eAAe,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAExF,OAAO,CACL,6DACE,uBAAC,oBAAW,IAAC,SAAS,EAAC,gBAAgB,YAAE,KAAK,GAAe,EAC7D,kCAAO,SAAS,EAAC,mCAAmC,YAAE,QAAQ,GAAS,EACvE,iCAAK,SAAS,EAAC,oBAAoB,aACjC,iCAAK,SAAS,EAAC,uBAAuB,aACpC,iCAAK,SAAS,EAAC,4CAA4C,aACzD,kCAAO,SAAS,EAAC,mCAAmC,sBAAc,EAClE,iCAAK,SAAS,EAAC,0CAA0C,aACvD,iCAAK,SAAS,EAAC,oCAAoC,aACjD,uBAAC,yBAAgB,IAAC,MAAM,EAAE,iBAAiB,CAAC,MAAM,EAAE,IAAI,EAAC,IAAI,GAAG,EAChE,gCAAK,SAAS,EAAC,yBAAyB,YACtC,iCAAK,SAAS,EAAC,2BAA2B,aACxC,kCAAO,SAAS,EAAC,mCAAmC,YACjD,IAAA,qCAAmB,EAAC,UAAU,CAAC,IAAI,GAAG,GACjC,EACR,kCAAO,SAAS,EAAC,mCAAmC,YAAE,iBAAiB,CAAC,MAAM,GAAS,IACnF,GACF,IACF,EACN,uBAAC,yBAAU,IAAC,SAAS,EAAC,QAAQ,GAAG,EACjC,iCAAK,SAAS,EAAC,oCAAoC,aACjD,uBAAC,yBAAgB,IAAC,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,IAAI,EAAC,IAAI,GAAG,EAC9D,gCAAK,SAAS,EAAC,yBAAyB,YACtC,iCAAK,SAAS,EAAC,2BAA2B,aACxC,kCAAO,SAAS,EAAC,mCAAmC,YAAE,IAAA,qCAAmB,EAAC,QAAQ,CAAC,IAAI,GAAG,GAAS,EACnG,kCAAO,SAAS,EAAC,mCAAmC,YAAE,eAAe,CAAC,MAAM,GAAS,IACjF,GACF,IACF,IACF,IACF,EAEN,iCAAK,SAAS,EAAC,4CAA4C,aACzD,kCAAO,SAAS,EAAC,mCAAmC,wBAAgB,EACpE,iCAAK,SAAS,EAAC,0CAA0C,aACvD,iCAAK,SAAS,EAAC,oCAAoC,aAChD,gBAAgB,IAAI,gCAAK,GAAG,EAAE,gBAAgB,EAAE,GAAG,EAAE,iBAAiB,EAAE,WAAW,EAAE,SAAS,EAAC,oBAAoB,GAAG,EACvH,kCAAO,SAAS,EAAC,mCAAmC,YAAE,iBAAiB,EAAE,WAAW,GAAS,IACzF,EACN,uBAAC,yBAAU,IAAC,SAAS,EAAC,QAAQ,GAAG,EACjC,iCAAK,SAAS,EAAC,oCAAoC,aAChD,cAAc,IAAI,gCAAK,GAAG,EAAE,cAAc,EAAE,GAAG,EAAE,eAAe,EAAE,WAAW,EAAE,SAAS,EAAC,oBAAoB,GAAG,EACjH,kCAAO,SAAS,EAAC,mCAAmC,YAAE,eAAe,EAAE,WAAW,GAAS,IACvF,IACF,IACF,EAEL,aAAa,IAAI,CAChB,iCAAK,SAAS,EAAC,4CAA4C,aACzD,kCAAO,SAAS,EAAC,mCAAmC,0BAAkB,EACtE,kCAAO,SAAS,EAAC,mCAAmC,YAAE,aAAa,CAAC,gBAAgB,CAAC,GAAS,IAC1F,CACP,EAEA,cAAc,IAAI,CACjB,iCAAK,SAAS,EAAC,4CAA4C,aACzD,kCAAO,SAAS,EAAC,mCAAmC,iCAAyB,EAC7E,kCAAO,SAAS,EAAC,mCAAmC,YAAE,cAAc,GAAS,IACzE,CACP,IACG,EAEL,WAAW,IAAI,CACd,6DACE,gCAAK,SAAS,EAAC,oCAAoC,GAAG,EAEtD,iCAAK,SAAS,EAAC,4CAA4C,aACzD,kCAAO,SAAS,EAAC,mCAAmC,6BAAqB,EACzE,mCAAO,SAAS,EAAC,mCAAmC,aACjD,WAAW,OAAG,cAAc,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,KAAK,IACzD,IACJ,IACL,CACJ,EAED,uBAAC,4BAAe,IAAC,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,GAAI,IAC3F,IACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAlIW,QAAA,kBAAkB,sBAkI7B"}

package/dist/cjs/react/components/Widget/components/TransactionDialog/components/TransactionDetails/components/CollapsibleInfo.d.ts

@@ -0,0 +1,10 @@
+import type { OnRampQuoteResponse, OffRampQuoteResponse } from '../../../../../../../../index';
+import type { TransferResponse, TypedQuoteResponse, TypedOffRampQuoteResponse } from '../../../../../types/quote';
+interface CollapsibleInfoProps {
+    swapQuote?: TransferResponse | TypedQuoteResponse | null;
+    onRampQuote?: OnRampQuoteResponse | null;
+    offRampQuote?: OffRampQuoteResponse | TypedOffRampQuoteResponse | null;
+}
+export declare const CollapsibleInfo: ({ swapQuote, onRampQuote: _onRampQuote, offRampQuote: _offRampQuote }: CollapsibleInfoProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CollapsibleInfo.d.ts.map

package/dist/cjs/react/components/Widget/components/TransactionDialog/components/TransactionDetails/components/CollapsibleInfo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleInfo.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/react/components/Widget/components/TransactionDialog/components/TransactionDetails/components/CollapsibleInfo.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAC/F,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAGlH,UAAU,oBAAoB;IAC5B,SAAS,CAAC,EAAE,gBAAgB,GAAG,kBAAkB,GAAG,IAAI,CAAC;IACzD,WAAW,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,oBAAoB,GAAG,yBAAyB,GAAG,IAAI,CAAC;CACxE;AAED,eAAO,MAAM,eAAe,GAAI,uEAAuE,oBAAoB,4CA+F1H,CAAC"}

package/dist/cjs/react/components/Widget/components/TransactionDialog/components/TransactionDetails/components/CollapsibleInfo.js

@@ -0,0 +1,53 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollapsibleInfo = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const react_1 = require("react");
+const quote_1 = require("../../../../../types/quote");
+const CollapsibleInfo = ({ swapQuote, onRampQuote: _onRampQuote, offRampQuote: _offRampQuote }) => {
+    const [collapsibleExpanded, setCollapsibleExpanded] = (0, react_1.useState)(false);
+    const toggleCollapsibleExpanded = () => {
+        setCollapsibleExpanded((prev) => !prev);
+    };
+    const swapQuoteTyped = swapQuote && (0, quote_1.isTransferResponse)(swapQuote) ? swapQuote : null;
+    const isSwap = !!swapQuoteTyped;
+    const spread = (0, react_1.useMemo)(() => {
+        if (!isSwap || !swapQuoteTyped?.quote)
+            return '0%';
+        const { fromToken, toToken, fromAmount, toAmount } = swapQuoteTyped.quote;
+        if (!fromToken?.price || !toToken?.price)
+            return '0%';
+        const fromDecimal = parseFloat(fromAmount) / Math.pow(10, fromToken.decimals);
+        const toDecimal = parseFloat(toAmount) / Math.pow(10, toToken.decimals);
+        const fromUsd = fromDecimal * fromToken.price;
+        const toUsd = toDecimal * toToken.price;
+        const spreadPercent = (toUsd / fromUsd - 1) * 100;
+        return `${spreadPercent.toFixed(2)}%`;
+    }, [isSwap, swapQuoteTyped]);
+    const totalFeesUsd = (0, react_1.useMemo)(() => {
+        if (!isSwap || !swapQuoteTyped?.quote?.fees)
+            return null;
+        const { bridge, integrator } = swapQuoteTyped.quote.fees;
+        const fromTokenPrice = swapQuoteTyped.quote.fromToken?.price || 0;
+        let totalFees = 0;
+        if (bridge?.amount) {
+            const bridgeDecimals = bridge.decimals || 18;
+            const bridgeFeeDecimal = parseFloat(bridge.amount) / Math.pow(10, bridgeDecimals);
+            totalFees += bridgeFeeDecimal * fromTokenPrice;
+        }
+        if (integrator) {
+            const integratorValue = typeof integrator === 'string' ? parseFloat(integrator) : integrator;
+            const fromAmount = parseFloat(swapQuoteTyped.quote.fromAmount) / Math.pow(10, swapQuoteTyped.quote.fromToken.decimals);
+            totalFees += (fromAmount * fromTokenPrice * integratorValue) / 10000;
+        }
+        return totalFees > 0 ? totalFees : null;
+    }, [isSwap, swapQuoteTyped]);
+    const formattedFees = totalFeesUsd != null
+        ? `$${totalFeesUsd.toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`
+        : '$0.00';
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "mt-3.5", children: [(0, jsx_runtime_1.jsx)("div", { className: `overflow-hidden transition-all duration-500 ${collapsibleExpanded ? 'max-h-40' : 'max-h-0'}`, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-3.5", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center justify-between", children: [(0, jsx_runtime_1.jsx)("small", { className: "text-sm font-normal text-zinc-500", children: "Spread" }), (0, jsx_runtime_1.jsx)("small", { className: "text-sm font-normal text-zinc-950", children: spread })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row items-center justify-between", children: [(0, jsx_runtime_1.jsx)("small", { className: "text-sm font-normal text-zinc-500", children: "Fee" }), (0, jsx_runtime_1.jsx)("small", { className: "text-sm font-normal text-zinc-950", children: formattedFees })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-3.5 flex flex-row items-center justify-between", children: [(0, jsx_runtime_1.jsx)("small", { className: "text-sm font-normal text-zinc-500", children: "Max slippage" }), (0, jsx_runtime_1.jsx)("small", { className: "text-sm font-normal text-zinc-950", children: "0%" })] })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex w-fit cursor-pointer flex-row items-center gap-1", onClick: toggleCollapsibleExpanded, children: collapsibleExpanded ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "text-sm font-normal text-zinc-950", children: "Show less" }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronsDownUp, { className: "h-4 w-4 text-zinc-950" })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "text-sm text-zinc-950", children: "Show more" }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronsUpDown, { className: "h-4 w-4 text-zinc-950" })] })) })] }));
+};
+exports.CollapsibleInfo = CollapsibleInfo;
+//# sourceMappingURL=CollapsibleInfo.js.map

package/dist/cjs/react/components/Widget/components/TransactionDialog/components/TransactionDetails/components/CollapsibleInfo.js.map

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

package/dist/cjs/react/components/Widget/components/TransactionDialog/components/TransactionDetails/components/index.d.ts

@@ -0,0 +1,2 @@
+export { CollapsibleInfo } from './CollapsibleInfo';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/react/components/Widget/components/TransactionDialog/components/TransactionDetails/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/react/components/Widget/components/TransactionDialog/components/TransactionDetails/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/cjs/react/components/Widget/components/TransactionDialog/components/TransactionDetails/components/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollapsibleInfo = void 0;
+var CollapsibleInfo_1 = require("./CollapsibleInfo");
+Object.defineProperty(exports, "CollapsibleInfo", { enumerable: true, get: function () { return CollapsibleInfo_1.CollapsibleInfo; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/react/components/Widget/components/TransactionDialog/components/TransactionDetails/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../../src/react/components/Widget/components/TransactionDialog/components/TransactionDetails/components/index.ts"],"names":[],"mappings":";;;AAAA,qDAAoD;AAA3C,kHAAA,eAAe,OAAA"}

package/dist/cjs/react/components/Widget/components/TransactionDialog/components/TransactionDetails/index.d.ts

@@ -0,0 +1,2 @@
+export { TransactionDetails } from './TransactionDetails';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/react/components/Widget/components/TransactionDialog/components/TransactionDetails/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/react/components/Widget/components/TransactionDialog/components/TransactionDetails/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/cjs/react/components/Widget/components/TransactionDialog/components/TransactionDetails/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransactionDetails = void 0;
+var TransactionDetails_1 = require("./TransactionDetails");
+Object.defineProperty(exports, "TransactionDetails", { enumerable: true, get: function () { return TransactionDetails_1.TransactionDetails; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/react/components/Widget/components/TransactionDialog/components/TransactionDetails/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/react/components/Widget/components/TransactionDialog/components/TransactionDetails/index.ts"],"names":[],"mappings":";;;AAAA,2DAA0D;AAAjD,wHAAA,kBAAkB,OAAA"}