@reservoir0x/relay-kit-ui/_esm/src/components/widgets/WidgetContainer.js

Relay is the Fastest and Cheapest Way to Bridge and Transact Across Chains.

import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
import {} from 'react';
import { CustomAddressModal } from '../common/CustomAddressModal.js';
import { TransactionModal } from '../common/TransactionModal/TransactionModal.js';
import { DepositAddressModal } from '../common/TransactionModal/DepositAddressModal.js';
import { useMounted } from '../../hooks/index.js';
import { useAccount } from 'wagmi';
const WidgetContainer = ({ steps, setSteps, quoteInProgress, setQuoteInProgress, transactionModalOpen, setTransactionModalOpen, depositAddressModalOpen, setDepositAddressModalOpen, addressModalOpen, setAddressModalOpen, children, fromChain, fromToken, toToken, debouncedInputAmountValue, debouncedOutputAmountValue, customToAddress, address, useExternalLiquidity, slippageTolerance, timeEstimate, recipient, toChain, wallet, linkedWallets, multiWalletSupportEnabled, swapError, setSwapError, onTransactionModalOpenChange, onDepositAddressModalOpenChange, onSwapSuccess, onSwapValidating, onAnalyticEvent, invalidateBalanceQueries, invalidateQuoteQuery, setCustomToAddress }) => {
    const isMounted = useMounted();
    const { isConnected } = useAccount();
    return (_jsxs("div", { className: "relay-kit-reset", children: [children(), isMounted ? (_jsxs(_Fragment, { children: [_jsx(TransactionModal, { steps: steps, setSteps: setSteps, quote: quoteInProgress, setQuote: setQuoteInProgress, swapError: swapError, setSwapError: setSwapError, open: transactionModalOpen, onOpenChange: (open) => {
                            setTransactionModalOpen(open);
                            onTransactionModalOpenChange(open);
                        }, fromChain: fromChain, toChain: toChain, fromToken: fromToken, toToken: toToken, useExternalLiquidity: useExternalLiquidity, slippageTolerance: slippageTolerance, address: address, isCanonical: useExternalLiquidity, onAnalyticEvent: onAnalyticEvent, onSuccess: onSwapSuccess, onSwapValidating: onSwapValidating, wallet: wallet, linkedWallets: linkedWallets, multiWalletSupportEnabled: multiWalletSupportEnabled, invalidateQuoteQuery: invalidateQuoteQuery }), _jsx(DepositAddressModal, { open: depositAddressModalOpen, onOpenChange: (open) => {
                            setDepositAddressModalOpen(open);
                            onDepositAddressModalOpenChange(open);
                        }, fromChain: fromChain, fromToken: fromToken, toToken: toToken, debouncedInputAmountValue: debouncedInputAmountValue, debouncedOutputAmountValue: debouncedOutputAmountValue, address: address, recipient: recipient, onAnalyticEvent: onAnalyticEvent, onSuccess: onSwapSuccess, invalidateBalanceQueries: invalidateBalanceQueries })] })) : null, _jsx(CustomAddressModal, { open: addressModalOpen, toAddress: customToAddress, toChain: toChain, isConnected: wallet !== undefined || isConnected ? true : false, linkedWallets: linkedWallets ?? [], multiWalletSupportEnabled: multiWalletSupportEnabled, wallet: wallet, onAnalyticEvent: onAnalyticEvent, onOpenChange: (open) => {
                    setAddressModalOpen(open);
                }, onConfirmed: (address) => {
                    setCustomToAddress(address);
                }, onClear: () => {
                    setCustomToAddress(undefined);
                } })] }));
};
export default WidgetContainer;
//# sourceMappingURL=WidgetContainer.js.map