@reservoir0x/relay-kit-ui
Version:
Relay is the Fastest and Cheapest Way to Bridge and Transact Across Chains.
27 lines • 3.63 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const CustomAddressModal_js_1 = require("../common/CustomAddressModal.js");
const TransactionModal_js_1 = require("../common/TransactionModal/TransactionModal.js");
const DepositAddressModal_js_1 = require("../common/TransactionModal/DepositAddressModal.js");
const index_js_1 = require("../../hooks/index.js");
const wagmi_1 = require("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 = (0, index_js_1.useMounted)();
const { isConnected } = (0, wagmi_1.useAccount)();
return ((0, jsx_runtime_1.jsxs)("div", { className: "relay-kit-reset", children: [children(), isMounted ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TransactionModal_js_1.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 }), (0, jsx_runtime_1.jsx)(DepositAddressModal_js_1.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, (0, jsx_runtime_1.jsx)(CustomAddressModal_js_1.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);
} })] }));
};
exports.default = WidgetContainer;
//# sourceMappingURL=WidgetContainer.js.map