@ordanetwork/sdk 1.3.0 → 2.0.0-beta.0

package/dist/browser/react/components/Widget/Widget.js

@@ -1,682 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '../ui/button';
-import { evmNetworks } from '../../config/appkit';
-import { useOffRamp, useOnRamp, useQuote, useRecipient } from '../../hooks';
-import { useMultiChainBalances } from '../../hooks/useMultiChainBalances';
-import { useTokenPrices } from '../../hooks/useTokenPrices';
-import { parseFromNativeUnits, parseToNativeUnits } from '../../lib/utils/format';
-import { isValidAmount } from '../../lib/utils/validation';
-import { isDirectTransferResponse, isOfframpResponse, isOnrampResponse, isTransferResponse, } from './types/quote';
-import { roundToNineDecimals } from '../../lib/utils/inputFormatters';
-import { getChainLogoUrl } from '../../lib/constants';
-import { useAppKit, useAppKitAccount, useAppKitNetwork } from '@reown/appkit/react';
-import { Loader2 } from 'lucide-react';
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { toast } from 'sonner';
-import { CollapsibleDetails, Footer, Header, Recipient, RecipientDialog, SelectAssetDialog, TokenInput, TransactionDialog, } from './components';
-import { OffRampRecipientDialog } from './components/OffRampRecipientDialog';
-const QUOTE_CACHE_TTL_MS = 30000;
-const QUOTE_DEBOUNCE_MS = 500;
-const MAX_FIAT_AMOUNT = 10000;
-export const Widget = () => {
-    const [fromAmount, setFromAmount] = useState('');
-    const [toAmount, setToAmount] = useState('');
-    const [fromTokenSelected, setFromTokenSelected] = useState(null);
-    const [toTokenSelected, setToTokenSelected] = useState(null);
-    const [selectTokenDialogOpened, setSelectTokenDialogOpened] = useState(false);
-    const [recipientDialogOpened, setRecipientDialogOpened] = useState(false);
-    const [offRampRecipientDialogOpened, setOffRampRecipientDialogOpened] = useState(false);
-    const [transactionDialogOpened, setTransactionDialogOpened] = useState(false);
-    const [selectingSide, setSelectingSide] = useState(null);
-    const [collapsibleExpanded, setCollapsibleExpanded] = useState(false);
-    const [transactionType, setTransactionType] = useState(null);
-    const [defaultRecipient, setDefaultRecipient] = useState(null);
-    // Approval state management - persists across dialog open/close
-    const [approvalComplete, setApprovalComplete] = useState(false);
-    const [approvalTxHash, setApprovalTxHash] = useState(null);
-    const [fromSelectedChain, setFromSelectedChain] = useState(null);
-    const [toSelectedChain, setToSelectedChain] = useState(null);
-    const handleSetSelectedChain = (chain, selectingSide) => {
-        if (selectingSide === 'from') {
-            setFromSelectedChain(chain);
-            setFromAmount('');
-            return;
-        }
-        setToSelectedChain(chain);
-        setToAmount('');
-    };
-    const [cryptoRecipient, setCryptoRecipient] = useState(null);
-    const [fiatRecipient, setFiatRecipient] = useState(null);
-    const { quote, isLoading, error, requestQuote, clearQuote } = useQuote();
-    const offRampQuote = useOffRamp();
-    const onRampQuote = useOnRamp();
-    const { createRecipient } = useRecipient();
-    const quoteCache = useRef(new Map());
-    const { address: evmAddress, isConnected } = useAppKitAccount();
-    const { chainId, switchNetwork } = useAppKitNetwork();
-    const { open: openAppKit } = useAppKit();
-    const previousRecipientAddressRef = useRef(null);
-    const { allBalances, solanaAddress } = useMultiChainBalances();
-    const fromTokenBalance = fromTokenSelected?.chainId === 'fiat'
-        ? undefined
-        : allBalances.find((balance) => {
-            return (balance.tokenAddress?.toLowerCase() === fromTokenSelected?.address?.toLowerCase() &&
-                balance.chainId === fromTokenSelected?.chainId);
-        })?.balanceFormatted ?? '0';
-    // Note: solanaAddress is now obtained from useMultiChainBalances hook
-    const tokensForPricing = useMemo(() => {
-        const tokens = [];
-        if (fromTokenSelected && fromTokenSelected.chainId !== 'fiat' && fromTokenSelected.address) {
-            tokens.push({
-                address: fromTokenSelected.address,
-                chainId: fromTokenSelected.chainId,
-            });
-        }
-        if (toTokenSelected && toTokenSelected.chainId !== 'fiat' && toTokenSelected.address) {
-            tokens.push({
-                address: toTokenSelected.address,
-                chainId: toTokenSelected.chainId,
-            });
-        }
-        return tokens;
-    }, [fromTokenSelected, toTokenSelected]);
-    const { prices: priceData, isLoading: isPricesLoading } = useTokenPrices({ tokens: tokensForPricing });
-    const fromUsdValue = useMemo(() => {
-        if (!fromAmount || !fromTokenSelected || fromTokenSelected.chainId === 'fiat') {
-            return null;
-        }
-        const price = priceData.find((p) => p.chainId === fromTokenSelected.chainId && p.address.toLowerCase() === fromTokenSelected.address?.toLowerCase());
-        if (!price?.usdPrice)
-            return null;
-        const numericAmount = parseFloat(fromAmount);
-        if (isNaN(numericAmount))
-            return null;
-        return numericAmount * price.usdPrice;
-    }, [fromAmount, fromTokenSelected, priceData]);
-    const toUsdValue = useMemo(() => {
-        if (!toAmount || !toTokenSelected || toTokenSelected.chainId === 'fiat') {
-            return null;
-        }
-        const price = priceData.find((p) => p.chainId === toTokenSelected.chainId && p.address.toLowerCase() === toTokenSelected.address?.toLowerCase());
-        if (!price?.usdPrice)
-            return null;
-        const numericAmount = parseFloat(toAmount);
-        if (isNaN(numericAmount))
-            return null;
-        return numericAmount * price.usdPrice;
-    }, [toAmount, toTokenSelected, priceData]);
-    const getFromAddress = useCallback((token) => {
-        if (!token)
-            return null;
-        const isSolana = String(token.chainId) === '1001001';
-        const isFiat = token.chainId === 'fiat';
-        if (isFiat) {
-            return null;
-        }
-        if (isSolana) {
-            if (!solanaAddress) {
-                console.error('[Widget] Solana wallet not connected');
-                return null;
-            }
-            return solanaAddress;
-        }
-        else {
-            if (!evmAddress) {
-                console.error('[Widget] EVM wallet not connected');
-                return null;
-            }
-            return evmAddress || null;
-        }
-    }, [evmAddress, solanaAddress]);
-    const getToAddress = useCallback((token) => {
-        if (!token)
-            return null;
-        const isSolana = String(token.chainId) === '1001001';
-        const isFiat = token.chainId === 'fiat';
-        if (isFiat) {
-            return null;
-        }
-        if (cryptoRecipient?.recipientId) {
-            return null;
-        }
-        if (isSolana) {
-            return solanaAddress;
-        }
-        else {
-            return evmAddress || null;
-        }
-    }, [evmAddress, solanaAddress, cryptoRecipient]);
-    const getChainName = (chainId) => {
-        const names = {
-            '1': 'Ethereum',
-            '137': 'Polygon',
-            '42161': 'Arbitrum',
-            '10': 'Optimism',
-            '8453': 'Base',
-            '43114': 'Avalanche',
-            '1001001': 'Solana',
-        };
-        return names[chainId.toString()] || `Chain ${chainId}`;
-    };
-    const ensureCorrectChain = useCallback(async (token) => {
-        if (!token || token.chainId === 'fiat')
-            return true;
-        const isSolana = String(token.chainId) === '1001001';
-        if (isSolana) {
-            return true;
-        }
-        if (chainId !== token.chainId) {
-            try {
-                const targetNetwork = evmNetworks.find((network) => network.id === Number(token.chainId));
-                if (!targetNetwork) {
-                    console.error('[Widget] Network not supported:', token.chainId);
-                    toast.error('Network not supported', {
-                        description: `Chain ID ${token.chainId} is not configured`,
-                        duration: 4000,
-                    });
-                    return false;
-                }
-                toast.info('Switching network...', {
-                    description: `Switching to ${getChainName(token.chainId)}`,
-                    duration: 2000,
-                });
-                await switchNetwork(targetNetwork);
-                toast.success('Network switched', {
-                    description: `Connected to ${getChainName(token.chainId)}`,
-                    duration: 2000,
-                });
-                return true;
-            }
-            catch (err) {
-                console.error('[Widget] Chain switch failed:', err);
-                toast.error('Network switch failed', {
-                    description: 'Please switch network manually in your wallet',
-                    duration: 4000,
-                });
-                return false;
-            }
-        }
-        return true;
-    }, [chainId, switchNetwork]);
-    const getTransactionType = (from, to) => {
-        if (!from || !to)
-            return null;
-        const isFromFiat = from.chainId === 'fiat';
-        const isToFiat = to.chainId === 'fiat';
-        if (isFromFiat && !isToFiat)
-            return 'onRamp';
-        if (!isFromFiat && isToFiat)
-            return 'offRamp';
-        if (!isFromFiat && !isToFiat)
-            return 'swap';
-        return null;
-    };
-    const getCacheKey = useCallback(() => {
-        const fromIdentifier = fromTokenSelected?.chainId === 'fiat' ? fromTokenSelected.symbol : fromTokenSelected?.address;
-        const toIdentifier = toTokenSelected?.chainId === 'fiat' ? toTokenSelected.symbol : toTokenSelected?.address;
-        const recipient = transactionType === 'offRamp' ? fiatRecipient?.recipientId : cryptoRecipient?.recipientId;
-        return `${transactionType}-${fromIdentifier}-${toIdentifier}-${fromAmount}-${recipient}`;
-    }, [transactionType, fromTokenSelected, toTokenSelected, fromAmount, cryptoRecipient, fiatRecipient]);
-    const extractToAmount = useCallback((quote) => {
-        if (isDirectTransferResponse(quote)) {
-            return parseFromNativeUnits(quote.providerQuoteDetails.toAmount, toTokenSelected.decimals);
-        }
-        if (isTransferResponse(quote)) {
-            return parseFromNativeUnits(quote.quote.toAmount, toTokenSelected.decimals);
-        }
-        if (isOfframpResponse(quote)) {
-            return quote.quote.toAmount;
-        }
-        if (isOnrampResponse(quote)) {
-            return parseFromNativeUnits(quote.quote.toAmount, toTokenSelected.decimals);
-        }
-        return '';
-    }, [toTokenSelected]);
-    const fetchQuote = useCallback(async () => {
-        if (!fromTokenSelected || !toTokenSelected)
-            return;
-        const cacheKey = getCacheKey();
-        const cached = quoteCache.current.get(cacheKey);
-        if (cached && Date.now() - cached.timestamp < QUOTE_CACHE_TTL_MS) {
-            console.log('[Widget] Using cached quote');
-            setToAmount(extractToAmount(cached.quote));
-            return;
-        }
-        try {
-            let quoteResponse = null;
-            if (transactionType === 'swap') {
-                const fromAmountNative = parseToNativeUnits(fromAmount, fromTokenSelected.decimals);
-                const fromAddr = getFromAddress(fromTokenSelected);
-                if (!fromAddr) {
-                    throw new Error(`Connect ${String(fromTokenSelected.chainId) === '1001001' ? 'Solana' : 'EVM'} wallet`);
-                }
-                console.log(`[Widget] Requesting SWAP quote: ${fromAmount} ${fromTokenSelected.symbol} → ${toTokenSelected.symbol}`);
-                console.log(`[Widget] From address: ${fromAddr}`);
-                quoteResponse = await requestQuote({
-                    fromChain: fromTokenSelected.chainId,
-                    fromToken: fromTokenSelected.address,
-                    fromAddress: fromAddr,
-                    intent: { method: 'fromAmount', value: fromAmountNative },
-                    recipientId: cryptoRecipient?.recipientId,
-                });
-            }
-            else if (transactionType === 'onRamp') {
-                console.log(`[Widget] Requesting ON-RAMP quote: ${fromAmount} ${fromTokenSelected.symbol} → ${toTokenSelected.symbol}`);
-                quoteResponse = await onRampQuote.requestQuote({
-                    fromCurrency: fromTokenSelected.symbol,
-                    intent: { method: 'fromAmount', value: fromAmount },
-                    recipientId: cryptoRecipient?.recipientId,
-                });
-            }
-            else if (transactionType === 'offRamp') {
-                const fromAmountNative = parseToNativeUnits(fromAmount, fromTokenSelected.decimals);
-                const fromAddr = getFromAddress(fromTokenSelected);
-                if (!fromAddr) {
-                    throw new Error(`Connect ${String(fromTokenSelected.chainId) === '1001001' ? 'Solana' : 'EVM'} wallet`);
-                }
-                console.log(`[Widget] Requesting OFF-RAMP quote: ${fromAmount} ${fromTokenSelected.symbol} → ${toTokenSelected.symbol}`);
-                console.log(`[Widget] From address: ${fromAddr}`);
-                quoteResponse = await offRampQuote.requestQuote({
-                    fromChain: fromTokenSelected.chainId,
-                    fromToken: fromTokenSelected.address,
-                    fromAddress: fromAddr,
-                    intent: { method: 'fromAmount', value: fromAmountNative },
-                    recipientId: fiatRecipient?.recipientId,
-                });
-            }
-            if (quoteResponse) {
-                quoteCache.current.set(cacheKey, { quote: quoteResponse, timestamp: Date.now() });
-                const displayAmount = extractToAmount(quoteResponse);
-                setToAmount(displayAmount);
-                console.log(`[Widget] Quote received: ${displayAmount} ${toTokenSelected.symbol}`);
-            }
-        }
-        catch (err) {
-            console.error('[Widget] Quote fetch error:', err);
-            setToAmount('');
-        }
-    }, [
-        transactionType,
-        fromTokenSelected,
-        toTokenSelected,
-        fromAmount,
-        cryptoRecipient,
-        fiatRecipient,
-        requestQuote,
-        onRampQuote.requestQuote,
-        offRampQuote.requestQuote,
-        getCacheKey,
-        extractToAmount,
-        getFromAddress,
-    ]);
-    useEffect(() => {
-        if (!transactionType || !fromTokenSelected || !toTokenSelected || !fromAmount) {
-            clearQuote();
-            offRampQuote.clearQuote();
-            onRampQuote.clearQuote();
-            setToAmount('');
-            return;
-        }
-        if (!isValidAmount(fromAmount)) {
-            return;
-        }
-        const needsCryptoRecipient = transactionType === 'swap' || transactionType === 'onRamp';
-        const needsFiatRecipient = transactionType === 'offRamp';
-        if (needsCryptoRecipient && !cryptoRecipient) {
-            return;
-        }
-        if (needsFiatRecipient && !fiatRecipient) {
-            return;
-        }
-        const fromIsCrypto = fromTokenSelected.chainId !== 'fiat';
-        const toIsCrypto = toTokenSelected.chainId !== 'fiat';
-        if ((fromIsCrypto && !fromTokenSelected.decimals) || (toIsCrypto && !toTokenSelected.decimals)) {
-            console.error('[Widget] Token decimals not available');
-            return;
-        }
-        const hasActiveError = error || offRampQuote.error || onRampQuote.error;
-        if (hasActiveError) {
-            console.log('[Widget] Skipping quote request - active error present');
-            return;
-        }
-        console.log('[Widget] Scheduling quote request...');
-        const timeoutId = setTimeout(() => {
-            fetchQuote();
-        }, QUOTE_DEBOUNCE_MS);
-        return () => clearTimeout(timeoutId);
-    }, [
-        transactionType,
-        fromTokenSelected,
-        toTokenSelected,
-        fromAmount,
-        cryptoRecipient,
-        fiatRecipient,
-        fetchQuote,
-        clearQuote,
-        offRampQuote.clearQuote,
-        onRampQuote.clearQuote,
-    ]);
-    useEffect(() => {
-        const activeError = error || offRampQuote.error || onRampQuote.error;
-        if (activeError) {
-            toast.error('Failed to generate quote', {
-                description: activeError.message || 'Please try again',
-                duration: 4000,
-            });
-        }
-    }, [error, offRampQuote.error, onRampQuote.error]);
-    useEffect(() => {
-        if (error) {
-            clearQuote();
-        }
-        if (offRampQuote.error) {
-            offRampQuote.clearQuote();
-        }
-        if (onRampQuote.error) {
-            onRampQuote.clearQuote();
-        }
-    }, [
-        fromAmount,
-        fromTokenSelected?.address,
-        fromTokenSelected?.symbol,
-        toTokenSelected?.address,
-        toTokenSelected?.symbol,
-        cryptoRecipient?.recipientId,
-        fiatRecipient?.recipientId,
-        clearQuote,
-        offRampQuote.clearQuote,
-        onRampQuote.clearQuote,
-    ]);
-    useEffect(() => {
-        if (cryptoRecipient?.address) {
-            previousRecipientAddressRef.current = cryptoRecipient.address;
-        }
-    }, [cryptoRecipient]);
-    useEffect(() => {
-        const type = getTransactionType(fromTokenSelected, toTokenSelected);
-        setTransactionType(type);
-        setDefaultRecipient(null);
-        setCryptoRecipient(null);
-        if (type !== 'offRamp') {
-            setFiatRecipient(null);
-        }
-    }, [fromTokenSelected, toTokenSelected]);
-    useEffect(() => {
-        setApprovalComplete(false);
-        setApprovalTxHash(null);
-    }, [quote?.transactionId, fromTokenSelected?.address, toTokenSelected?.address, evmAddress, chainId]);
-    // Auto-set recipient to connected wallet when "To" token is selected
-    useEffect(() => {
-        let isMounted = true;
-        const autoSetRecipient = async () => {
-            console.log('[Widget] Auto-set recipient triggered', {
-                toTokenSelected: toTokenSelected?.symbol,
-                transactionType,
-                hasCryptoRecipient: !!cryptoRecipient,
-                evmAddress,
-                solanaAddress,
-            });
-            if (!toTokenSelected || transactionType === 'offRamp' || !transactionType) {
-                console.log('[Widget] Auto-set recipient: early return - missing toToken or offRamp or no transactionType');
-                return;
-            }
-            if (cryptoRecipient) {
-                console.log('[Widget] Auto-set recipient: early return - recipient already exists');
-                return;
-            }
-            const isSolana = String(toTokenSelected.chainId) === '1001001';
-            const connectedWalletAddress = isSolana ? solanaAddress : evmAddress;
-            const targetAddress = previousRecipientAddressRef.current || connectedWalletAddress;
-            if (!targetAddress) {
-                console.log('[Widget] Auto-set recipient: early return - no target address', {
-                    isSolana,
-                    solanaAddress,
-                    evmAddress,
-                });
-                return;
-            }
-            // Get chain logo URL for display
-            const chainLogoUrl = getChainLogoUrl(toTokenSelected.chainId, toTokenSelected.symbol);
-            if (!chainLogoUrl) {
-                console.log('[Widget] Auto-set recipient: early return - no chain logo URL', {
-                    chainId: toTokenSelected.chainId,
-                    symbol: toTokenSelected.symbol,
-                });
-                return;
-            }
-            console.log('[Widget] Creating auto-recipient', {
-                targetAddress,
-                chain: toTokenSelected.chainId,
-                token: toTokenSelected.address,
-                chainLogoUrl,
-            });
-            const result = await createRecipient({
-                name: `Wallet ${targetAddress.slice(0, 6)}...${targetAddress.slice(-4)}`,
-                cryptoSettlementDetails: {
-                    toChain: toTokenSelected.chainId,
-                    toToken: toTokenSelected.address || '',
-                    toAddress: targetAddress,
-                },
-            });
-            if (result && isMounted) {
-                console.log('[Widget] Auto-recipient created successfully:', result);
-                const displayAddress = `${targetAddress.slice(0, 6)}...${targetAddress.slice(-4)}`;
-                const recipientData = {
-                    recipientId: result.recipientId,
-                    address: targetAddress,
-                    displayInfo: {
-                        key: displayAddress,
-                        chain: toTokenSelected.chainId,
-                        image: chainLogoUrl,
-                    },
-                };
-                setCryptoRecipient(recipientData);
-                setDefaultRecipient(recipientData.displayInfo);
-                previousRecipientAddressRef.current = null;
-            }
-            else if (!result) {
-                console.error('[Widget] Failed to create auto-recipient');
-            }
-        };
-        autoSetRecipient();
-        return () => {
-            isMounted = false;
-        };
-    }, [toTokenSelected, transactionType, cryptoRecipient, evmAddress, solanaAddress, createRecipient]);
-    const toggleCollapsibleExpanded = () => {
-        setCollapsibleExpanded((prev) => !prev);
-    };
-    const toggleSelectTokenDialogOpened = () => {
-        setSelectTokenDialogOpened((prev) => !prev);
-    };
-    const toggleRecipientDialogOpened = () => {
-        setRecipientDialogOpened((prev) => !prev);
-    };
-    const toggleOffRampRecipientDialogOpened = () => {
-        setOffRampRecipientDialogOpened((prev) => !prev);
-    };
-    const handleSelectRecipient = () => {
-        if (!toTokenSelected) {
-            toast.error('Please select a token first', {
-                description: 'You need to choose a destination token before selecting a recipient',
-                duration: 4000,
-            });
-            return;
-        }
-        if (transactionType === 'offRamp') {
-            toggleOffRampRecipientDialogOpened();
-            return;
-        }
-        toggleRecipientDialogOpened();
-    };
-    const toggleTransactionDialogOpened = () => {
-        setTransactionDialogOpened((prev) => !prev);
-    };
-    const handleSetToken = async (token) => {
-        if (selectingSide === 'from' && token.chainId !== 'fiat') {
-            const switched = await ensureCorrectChain(token);
-            if (!switched) {
-                console.warn('[Widget] Token selected but chain not switched');
-            }
-        }
-        if (selectingSide === 'from') {
-            setFromTokenSelected(token);
-            setFromSelectedChain(null);
-            setFromAmount('');
-        }
-        else if (selectingSide === 'to') {
-            setToTokenSelected(token);
-            setToSelectedChain(null);
-            setToAmount('');
-        }
-        toggleSelectTokenDialogOpened();
-    };
-    const handleCleanSelectedToken = (side) => {
-        if (side === 'from') {
-            setFromTokenSelected(null);
-            return;
-        }
-        setToTokenSelected(null);
-    };
-    const handleSwapTokens = () => {
-        const isFromTokenBRL = fromTokenSelected?.symbol === 'BRL';
-        const isToTokenNonBRZ = toTokenSelected?.symbol !== 'BRZ' && toTokenSelected?.chainId !== 'fiat';
-        if (isFromTokenBRL && isToTokenNonBRZ) {
-            toast.warning('Conversion not supported', {
-                description: 'On-ramp is only available for BRL to BRZ conversions.',
-                duration: 4000,
-            });
-            setFromTokenSelected(null);
-            setToTokenSelected(fromTokenSelected);
-            return;
-        }
-        setFromTokenSelected(toTokenSelected);
-        setToTokenSelected(fromTokenSelected);
-    };
-    const transactionButtonAction = async () => {
-        if (!isConnected) {
-            await openAppKit();
-            return;
-        }
-        if (!fromTokenSelected && !toTokenSelected) {
-            return;
-        }
-        if (fromTokenSelected && fromTokenSelected.chainId !== 'fiat') {
-            const chainCorrect = await ensureCorrectChain(fromTokenSelected);
-            if (!chainCorrect) {
-                return;
-            }
-        }
-        return toggleTransactionDialogOpened();
-    };
-    const handleCleanTokenInputs = () => {
-        setFromAmount('');
-        setToAmount('');
-        setFromTokenSelected(null);
-        setToTokenSelected(null);
-    };
-    const handleCompleteTransaction = () => {
-        handleCleanTokenInputs();
-        setApprovalComplete(false);
-        setApprovalTxHash(null);
-        toggleTransactionDialogOpened();
-    };
-    const hasMissingInfo = !fromAmount || !toAmount || !fromTokenSelected || !toTokenSelected;
-    const insufficientAmount = fromTokenSelected?.chainId === 'fiat'
-        ? Number(fromAmount) > MAX_FIAT_AMOUNT
-        : Number(fromAmount) > Number(fromTokenBalance);
-    const isLoadingQuote = isLoading || offRampQuote.isLoading || onRampQuote.isLoading;
-    const disableTransactionButton = hasMissingInfo ||
-        insufficientAmount ||
-        isLoadingQuote ||
-        ((transactionType === 'swap' || transactionType === 'onRamp') && !cryptoRecipient) ||
-        (transactionType === 'offRamp' && !fiatRecipient) ||
-        (transactionType === 'swap' && !quote) ||
-        (transactionType === 'onRamp' && !onRampQuote.quote) ||
-        (transactionType === 'offRamp' && !offRampQuote.quote);
-    const transactionButtonLabel = () => {
-        if (!isConnected) {
-            return 'Connect wallet';
-        }
-        if (!fromTokenSelected || !toTokenSelected) {
-            return 'Select asset';
-        }
-        if (transactionType === 'swap' || transactionType === 'offRamp') {
-            const needsSolana = String(fromTokenSelected.chainId) === '1001001';
-            const needsEvm = fromTokenSelected.chainId !== 'fiat' && !needsSolana;
-            if (needsSolana && !solanaAddress) {
-                return 'Connect Solana wallet';
-            }
-            if (needsEvm && !evmAddress) {
-                return 'Connect EVM wallet';
-            }
-        }
-        if (insufficientAmount) {
-            if (fromTokenSelected.chainId === 'fiat') {
-                return 'Maximum on-ramp amount exceeded';
-            }
-            return `Insufficient ${fromTokenSelected.symbol}`;
-        }
-        if (transactionType === 'swap' || transactionType === 'onRamp') {
-            if (!cryptoRecipient) {
-                return 'Select recipient';
-            }
-        }
-        if (transactionType === 'offRamp' && !fiatRecipient) {
-            return 'Select recipient';
-        }
-        if (isLoadingQuote) {
-            return 'Finalizing quote';
-        }
-        return 'Review';
-    };
-    return (_jsxs("div", { className: "mx-auto w-full max-w-md space-y-2", children: [_jsx(Header, {}), _jsxs("div", { className: "bg-main-bg flex flex-col overflow-hidden rounded-2xl border border-zinc-200", children: [_jsxs("div", { className: "hover:bg-secondary relative flex flex-col p-4 focus-within:bg-white", children: [_jsx("div", { className: "absolute right-[59px] top-[104px] z-50 h-[30px] w-0.5 bg-zinc-200 sm:right-[59px]" }), _jsx(TokenInput, { label: "From", amount: fromAmount, onAmountChange: setFromAmount, token: fromTokenSelected, tokenBalance: fromTokenBalance, usdValue: fromUsdValue, isLoadingPrice: isPricesLoading, onSelect: () => {
-                                    setSelectingSide('from');
-                                    toggleSelectTokenDialogOpened();
-                                } })] }), _jsx(CollapsibleDetails, { expanded: collapsibleExpanded, handleSwapTokens: handleSwapTokens, toggleCollapsibleExpanded: toggleCollapsibleExpanded, swapQuote: quote, onRampQuote: onRampQuote.quote, offRampQuote: offRampQuote.quote, transactionType: transactionType }), _jsxs("div", { className: "hover:bg-secondary relative flex flex-col p-4 focus-within:bg-white", children: [_jsx("div", { className: "absolute bottom-[72px] right-[59px] z-50 h-[66px] w-0.5 bg-zinc-200 sm:right-[59px]" }), _jsx(TokenInput, { label: "To", amount: roundToNineDecimals(toAmount), onAmountChange: setToAmount, token: toTokenSelected, usdValue: toUsdValue, isLoadingPrice: isPricesLoading, onSelect: () => {
-                                    setSelectingSide('to');
-                                    toggleSelectTokenDialogOpened();
-                                }, isLoading: isLoadingQuote, disabled: true })] })] }), _jsx(Recipient, { handleSelectRecipient: handleSelectRecipient, recipient: defaultRecipient }), _jsxs(Button, { onClick: transactionButtonAction, variant: "default", className: "mt-5 h-14 w-full cursor-pointer rounded-2xl text-sm font-medium", disabled: disableTransactionButton, children: [isLoadingQuote && (_jsx("div", { className: "flex h-9 items-center", children: _jsx(Loader2, { className: "h-5 w-5 animate-spin" }) })), transactionButtonLabel()] }), _jsx(Footer, {}), selectTokenDialogOpened && (_jsx(SelectAssetDialog, { open: selectTokenDialogOpened, handleSetToken: handleSetToken, toggleDialogOpen: toggleSelectTokenDialogOpened, selectingSide: selectingSide, fromTokenSelected: fromTokenSelected, toTokenSelected: toTokenSelected, handleCleanSelectedToken: handleCleanSelectedToken, handleSetSelectedChain: handleSetSelectedChain, selectedChain: selectingSide === 'from' ? fromSelectedChain : toSelectedChain })), offRampRecipientDialogOpened && (_jsx(OffRampRecipientDialog, { open: offRampRecipientDialogOpened, toggleDialogOpen: toggleOffRampRecipientDialogOpened, toCurrency: toTokenSelected?.symbol || 'BRL', setDefaultRecipient: (info) => {
-                    if (typeof info === 'function')
-                        return;
-                    if (fiatRecipient && info) {
-                        setFiatRecipient({
-                            ...fiatRecipient,
-                            displayInfo: info,
-                        });
-                    }
-                }, onRecipientSelected: (data) => {
-                    setFiatRecipient({
-                        recipientId: data.recipientId,
-                        displayInfo: {
-                            key: data.name,
-                            chain: 'PIX',
-                            image: 'pix-icon',
-                        },
-                    });
-                    setDefaultRecipient({
-                        key: data.name,
-                        chain: 'PIX',
-                        image: 'pix-icon',
-                    });
-                } })), recipientDialogOpened && (_jsx(RecipientDialog, { open: recipientDialogOpened, toggleDialogOpen: toggleRecipientDialogOpened, toChain: toTokenSelected?.chainId || '', toToken: toTokenSelected?.address || '', onAddressSelected: (data) => {
-                    const displayAddress = `${data.address.slice(0, 6)}...${data.address.slice(-4)}`;
-                    const chainLogoUrl = getChainLogoUrl(toTokenSelected?.chainId || '', toTokenSelected?.symbol);
-                    setCryptoRecipient({
-                        recipientId: data.recipientId,
-                        address: data.address,
-                        displayInfo: {
-                            key: displayAddress,
-                            chain: toTokenSelected?.chainId || 'Unknown',
-                            image: chainLogoUrl || '',
-                        },
-                    });
-                    setDefaultRecipient({
-                        key: displayAddress,
-                        chain: toTokenSelected?.chainId || 'Unknown',
-                        image: chainLogoUrl || '',
-                    });
-                } })), transactionDialogOpened && (_jsx(TransactionDialog, { open: transactionDialogOpened, toggleDialogOpen: toggleTransactionDialogOpened, fromTokenSelected: fromTokenSelected, toTokenSelected: toTokenSelected, fromAmount: fromAmount, toAmount: toAmount, handleCompleteTransaction: handleCompleteTransaction, transactionType: transactionType, swapQuote: quote, onRampQuote: onRampQuote.quote, offRampQuote: offRampQuote.quote, fromAddress: getFromAddress(fromTokenSelected), toAddress: getToAddress(toTokenSelected), approvalComplete: approvalComplete, setApprovalComplete: setApprovalComplete, approvalTxHash: approvalTxHash, setApprovalTxHash: setApprovalTxHash }))] }));
-};
-//# sourceMappingURL=Widget.js.map