@relayprotocol/relay-kit-ui 6.0.1 → 6.0.3

package/_esm/src/components/common/TokenSelector/triggers/PaymentMethodTrigger.js

@@ -15,7 +15,7 @@ const normalizeAddress = (address) => {
     }
     return address.startsWith('0x') ? address.toLowerCase() : address;
 };
-export const PaymentMethodTrigger = ({ token, locked, address, testId, balanceLabel = 'available', placeholderText = 'Select Token' }) => {
+export const PaymentMethodTrigger = ({ token, address, testId, balanceLabel = 'available', placeholderText = 'Select Token' }) => {
     const relayClient = useRelayClient();
     const normalizedAddress = normalizeAddress(address);
     const chain = relayClient?.chains?.find((c) => c.id === token?.chainId);
@@ -29,12 +29,12 @@ export const PaymentMethodTrigger = ({ token, locked, address, testId, balanceLa
     let balanceText = '';
     if (currencyBalanceValue && token) {
         const formattedBalance = formatBN(currencyBalanceValue, 4, token.decimals, false);
-        balanceText = `${formattedBalance} ${token.symbol} ${balanceLabel}`;
+        balanceText = `${formattedBalance} ${balanceLabel}`;
     }
-    return token ? (_jsx(Button, { color: "white", corners: "pill", disabled: locked, css: {
+    return token ? (_jsx(Button, { color: "white", corners: "pill", css: {
             height: 50,
             minHeight: 50,
-            width: '248px',
+            width: '220px',
             flexShrink: 0,
             overflow: 'hidden',
             borderRadius: '12px',
@@ -43,30 +43,27 @@ export const PaymentMethodTrigger = ({ token, locked, address, testId, balanceLa
             border: 'none',
             _hover: {
                 backgroundColor: 'widget-selector-hover-background'
-            },
-            _disabled: {
-                backgroundColor: 'widget-selector-background'
             }
-        }, "data-testid": testId, children: _jsxs(Flex, { align: "center", justify: "between", css: { width: '100%' }, children: [_jsxs(Flex, { align: "center", css: { gap: '2' }, children: [_jsx(ChainTokenIcon, { chainId: token.chainId, tokenlogoURI: token.logoURI, tokenSymbol: token.symbol, chainIconSize: 14, css: { width: 32, height: 32 } }), _jsxs(Flex, { direction: "column", align: "start", css: { maxWidth: 150, minWidth: 60, flex: 1 }, children: [_jsx(Text, { style: "h6", ellipsify: true, css: { maxWidth: '100%' }, children: token.symbol }), showSkeleton ? (_jsx(Skeleton, { css: {
+        }, "data-testid": testId, children: _jsxs(Flex, { align: "center", justify: "between", css: { width: '100%' }, children: [_jsxs(Flex, { align: "center", css: { gap: '2' }, children: [_jsx(ChainTokenIcon, { chainId: token.chainId, tokenlogoURI: token.logoURI, tokenSymbol: token.symbol, chainIconSize: 14, css: { width: 32, height: 32 } }), _jsxs(Flex, { direction: "column", align: "start", css: { maxWidth: 150, minWidth: 60, flex: 1, gap: '4px' }, children: [_jsx(Text, { style: "h6", ellipsify: true, css: { maxWidth: '100%', lineHeight: 'normal' }, children: token.symbol }), showSkeleton ? (_jsx(Skeleton, { css: {
                                         width: 70,
                                         height: 12,
                                         borderRadius: 4
-                                    } })) : (_jsx(Text, { style: "subtitle3", color: "subtle", css: {
-                                        lineHeight: '15px',
-                                        maxWidth: '100%',
-                                        whiteSpace: 'nowrap',
-                                        overflow: 'hidden',
-                                        textOverflow: 'ellipsis'
-                                    }, children: balanceText }))] })] }), locked ? null : (_jsx(Box, { css: { color: 'gray9', width: 14, flexShrink: 0 }, children: _jsx(FontAwesomeIcon, { icon: faChevronRight, width: 14 }) }))] }) })) : (_jsxs(Button, { color: address ? 'primary' : 'secondary', corners: "pill", cta: true, css: {
+                                    } })) : (_jsx(Text, { style: "subtitle3", color: "subtle", ellipsify: true, css: {
+                                        lineHeight: 'normal',
+                                        maxWidth: '100%'
+                                    }, children: balanceText }))] })] }), _jsx(Box, { css: { color: 'gray9', width: 14, flexShrink: 0 }, children: _jsx(FontAwesomeIcon, { icon: faChevronRight, width: 14 }) })] }) })) : (_jsx(Button, { color: "white", corners: "pill", css: {
             height: 50,
             minHeight: 50,
-            width: 'max-content',
+            width: '220px',
             flexShrink: 0,
             overflow: 'hidden',
-            px: '3',
-            py: '2',
-            fontWeight: 700,
-            fontSize: '16px'
-        }, children: [placeholderText, _jsx(Box, { css: { width: 14 }, children: _jsx(FontAwesomeIcon, { icon: faChevronRight, width: 14 }) })] }));
+            borderRadius: '12px',
+            padding: '12px',
+            backgroundColor: 'widget-selector-background',
+            border: 'none',
+            _hover: {
+                backgroundColor: 'widget-selector-hover-background'
+            }
+        }, "data-testid": testId, children: _jsxs(Flex, { align: "center", justify: "between", css: { width: '100%' }, children: [_jsx(Text, { style: "h6", children: "Select a token" }), _jsx(Box, { css: { color: 'gray9', width: 14, flexShrink: 0 }, children: _jsx(FontAwesomeIcon, { icon: faChevronRight, width: 14 }) })] }) }));
 };
 //# sourceMappingURL=PaymentMethodTrigger.js.map

package/_esm/src/components/common/TokenSelector/triggers/PaymentMethodTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentMethodTrigger.js","sourceRoot":"","sources":["../../../../../../src/components/common/TokenSelector/triggers/PaymentMethodTrigger.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PaymentMethodTrigger.js","sourceRoot":"","sources":["../../../../../../src/components/common/TokenSelector/triggers/PaymentMethodTrigger.tsx"],"names":[],"mappings":"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"}

package/_esm/src/components/primitives/Button.js

@@ -127,7 +127,7 @@ const ButtonCss = cva({
                     fontFamily: 'heading',
                     fontWeight: 700,
                     textTransform: 'uppercase',
-                    fontStyle: 'var(--relay-fonts-button-cta-font-style, normal)'
+                    fontStyle: 'var(--relay-fonts-button-cta-font-style, italic)'
                 }
             }
         }

package/_esm/src/components/widgets/SwapButton.js

@@ -9,14 +9,16 @@ const SwapButton = ({ transactionModalOpen, depositAddressModalOpen, isValidFrom
         const invalidAmount = !quote ||
             Number(debouncedInputAmountValue) === 0 ||
             Number(debouncedOutputAmountValue) === 0;
-        const isWalletSelectionPrompt = tokenWidgetMode && (ctaCopy.includes('Select') || ctaCopy.includes('Enter'));
+        const isWalletSelectionPrompt = tokenWidgetMode &&
+            (ctaCopy.includes('Select') || ctaCopy.includes('Enter'));
         const isSelectTokenPrompt = tokenWidgetMode && ctaCopy === 'Select a token';
         const buttonDisabled = tokenWidgetMode
-            ? (disableSwapButton ||
+            ? disableSwapButton ||
                 isFetchingQuote ||
                 isSelectTokenPrompt ||
-                (!isWalletSelectionPrompt && !hasValidAmount))
-            : (isFetchingQuote ||
+                hasInsufficientBalance ||
+                (!isWalletSelectionPrompt && !hasValidAmount)
+            : isFetchingQuote ||
                 (isValidToAddress &&
                     (isValidFromAddress || !fromChainWalletVMSupported) &&
                     (invalidAmount ||
@@ -26,18 +28,22 @@ const SwapButton = ({ transactionModalOpen, depositAddressModalOpen, isValidFrom
                         depositAddressModalOpen ||
                         isSameCurrencySameRecipientSwap ||
                         !recipientWalletSupportsChain ||
-                        disableSwapButton)));
+                        disableSwapButton));
         const buttonLabel = tokenWidgetMode && isFetchingQuote && hasValidAmount
             ? 'Fetching quote'
             : ctaCopy;
         return (_jsx(Button, { css: {
                 justifyContent: 'center',
                 width: tokenWidgetMode ? '100%' : undefined,
-                textTransform: tokenWidgetMode ? 'uppercase' : undefined,
+                textTransform: tokenWidgetMode && (context === 'Buy' || context === 'Sell')
+                    ? 'uppercase'
+                    : 'none',
                 fontFamily: tokenWidgetMode ? 'heading' : undefined,
                 fontWeight: tokenWidgetMode ? 700 : undefined,
-                fontStyle: tokenWidgetMode ? 'var(--relay-fonts-button-cta-font-style, italic)' : undefined
-            }, color: showHighPriceImpactWarning ? 'error' : 'primary', "aria-label": context, cta: true, disabled: buttonDisabled, "data-testid": tokenWidgetMode ? "token-action-button" : "swap-button", onClick: () => {
+                fontStyle: tokenWidgetMode
+                    ? 'var(--relay-fonts-button-cta-font-style, italic)'
+                    : undefined
+            }, color: showHighPriceImpactWarning ? 'error' : 'primary', "aria-label": context, cta: true, disabled: buttonDisabled, "data-testid": tokenWidgetMode ? 'token-action-button' : 'swap-button', onClick: () => {
                 if (!buttonDisabled) {
                     onClick();
                 }
@@ -46,10 +52,14 @@ const SwapButton = ({ transactionModalOpen, depositAddressModalOpen, isValidFrom
     return (_jsx(Button, { cta: true, css: {
             justifyContent: 'center',
             width: tokenWidgetMode ? '100%' : undefined,
-            textTransform: tokenWidgetMode ? 'uppercase' : undefined,
+            textTransform: tokenWidgetMode && (context === 'Buy' || context === 'Sell')
+                ? 'uppercase'
+                : 'none',
             fontFamily: tokenWidgetMode ? 'heading' : undefined,
             fontWeight: tokenWidgetMode ? 700 : undefined,
-            fontStyle: tokenWidgetMode ? 'var(--relay-fonts-button-cta-font-style, italic)' : undefined
+            fontStyle: tokenWidgetMode
+                ? 'var(--relay-fonts-button-cta-font-style, italic)'
+                : undefined
         }, "aria-label": "Connect wallet", onClick: () => {
             if (!onConnectWallet) {
                 throw 'Missing onWalletConnect function';
@@ -58,7 +68,9 @@ const SwapButton = ({ transactionModalOpen, depositAddressModalOpen, isValidFrom
             onAnalyticEvent?.(EventNames.CONNECT_WALLET_CLICKED, {
                 context
             });
-        }, "data-testid": tokenWidgetMode ? "token-widget-connect-wallet-button" : "widget-connect-wallet-button", children: "Connect Wallet" }));
+        }, "data-testid": tokenWidgetMode
+            ? 'token-widget-connect-wallet-button'
+            : 'widget-connect-wallet-button', children: "Connect Wallet" }));
 };
 export default SwapButton;
 //# sourceMappingURL=SwapButton.js.map

package/_esm/src/components/widgets/SwapButton.js.map

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

package/_esm/src/components/widgets/TokenWidget/BuyTabContent.js

@@ -48,10 +48,15 @@ const BuyTabContent = ({ slippageTolerance, onOpenSlippageConfig, onSlippageTole
     const currencyInAmountUsd = quote?.details?.currencyIn?.amountUsd;
     const currencyInAmountFormatted = quote?.details?.currencyIn?.amountFormatted;
     const isLoadingPayWith = hasValidOutputAmount && isFetchingQuote && fromToken && !currencyInAmountUsd;
+    const isSameTokenSameRecipient = fromToken?.address === toToken?.address &&
+        fromToken?.chainId === toToken?.chainId &&
+        address === recipient;
+    const isInputDisabled = !toToken || !fromChainWalletVMSupported || isSameTokenSameRecipient;
     return (_jsx(TabsContent, { value: "buy", children: _jsxs(SectionContainer, { css: {
-                backgroundColor: 'widget-background',
-                border: '1px solid',
-                borderColor: 'slate.4'
+                border: { base: 'none', md: '1px solid' },
+                borderColor: { base: 'transparent', md: 'slate.4' },
+                minWidth: { base: '350px', md: '400px' },
+                maxWidth: '400px'
             }, id: 'buy-token-section', children: [_jsx(AmountSectionHeader, { label: "Amount", slippageTolerance: slippageTolerance, onOpenSlippageConfig: onOpenSlippageConfig, onSlippageToleranceChange: onSlippageToleranceChange, onAnalyticEvent: onAnalyticEvent }), _jsx(Flex, { align: "center", justify: "between", css: { width: '100%' }, children: _jsx(AmountInput, { prefixSymbol: isUsdInputMode ? '$' : undefined, value: isUsdInputMode
                             ? usdOutputValue
                             : tradeType === 'EXPECTED_OUTPUT'
@@ -76,7 +81,7 @@ const BuyTabContent = ({ slippageTolerance, onOpenSlippageConfig, onSlippageTole
                                     debouncedAmountOutputControls.flush();
                                 }
                             }
-                        }, disabled: !toToken || !fromChainWalletVMSupported, onClick: () => {
+                        }, disabled: isInputDisabled, onClick: () => {
                             onAnalyticEvent?.(EventNames.SWAP_OUTPUT_FOCUSED);
                         }, css: {
                             fontWeight: '700',
@@ -124,9 +129,9 @@ const BuyTabContent = ({ slippageTolerance, onOpenSlippageConfig, onSlippageTole
                                                     toTokenPriceData?.price &&
                                                     toTokenPriceData.price > 0
                                                     ? formatDollar(outputAmountUsd)
-                                                    : '$0.00' }), _jsx(PriceImpact, { toToken: toToken, isFetchingQuote: isFetchingQuote, feeBreakdown: feeBreakdown, quote: quote })] }), _jsx(Flex, { css: { marginLeft: 'auto' }, children: toToken ? (_jsx(BalanceDisplay, { hideBalanceLabel: true, displaySymbol: true, isLoading: isLoadingToBalance, balance: toBalance, decimals: toToken?.decimals, symbol: toToken?.symbol, isConnected: !isDeadAddress(recipient) &&
+                                                    : '$0.00' }), _jsx(PriceImpact, { toToken: toToken, isFetchingQuote: isFetchingQuote, feeBreakdown: feeBreakdown, quote: quote })] }), _jsx(Flex, { css: { marginLeft: 'auto' }, children: toToken ? (_jsx(BalanceDisplay, { hideBalanceLabel: false, displaySymbol: false, isLoading: isLoadingToBalance, balance: toBalance, decimals: toToken?.decimals, symbol: toToken?.symbol, isConnected: !isDeadAddress(recipient) &&
                                     recipient !== tronDeadAddress &&
-                                    recipient !== undefined, pending: toBalancePending, size: "md" })) : (_jsx(Flex, { css: { height: 18 } })) })] }), _jsx(Divider, { color: "gray4" }), _jsxs(Flex, { align: "center", css: { width: '100%', gap: '2' }, children: [_jsx(Text, { style: "subtitle2", color: "subtle", children: "Pay with" }), multiWalletSupportEnabled && fromChainWalletVMSupported ? (_jsx(MultiWalletDropdown, { context: "origin", disablePasteWalletAddressOption: disablePasteWalletAddressOption, selectedWalletAddress: address, onSelect: (wallet) => {
+                                    recipient !== undefined, pending: toBalancePending, size: "sm" })) : (_jsx(Flex, { css: { height: 18 } })) })] }), _jsx(Divider, { color: "gray4" }), _jsxs(Flex, { align: "center", css: { width: '100%', gap: '2' }, children: [_jsx(Text, { style: "subtitle2", color: "subtle", children: "Pay with" }), multiWalletSupportEnabled && fromChainWalletVMSupported ? (_jsx(MultiWalletDropdown, { context: "origin", disablePasteWalletAddressOption: disablePasteWalletAddressOption, selectedWalletAddress: address, onSelect: (wallet) => {
                                 setOriginAddressOverride(wallet.address);
                                 onSetPrimaryWallet?.(wallet.address);
                                 if (wallet.address !== address) {
@@ -147,20 +152,11 @@ const BuyTabContent = ({ slippageTolerance, onOpenSlippageConfig, onSlippageTole
                                         }
                                     });
                                 }
-                            }, setAddressModalOpen: setAddressModalOpen, wallets: linkedWallets ?? [], onAnalyticEvent: onAnalyticEvent, testId: "origin-wallet-select-button" })) : null] }), _jsxs(Flex, { justify: "between", css: { width: '100%' }, children: [_jsx(PaymentMethod, { address: address, isValidAddress: isValidFromAddress, token: fromToken, onAnalyticEvent: onAnalyticEvent, fromChainWalletVMSupported: fromChainWalletVMSupported, supportedWalletVMs: supportedWalletVMs, linkedWallets: linkedWallets, multiWalletSupportEnabled: multiWalletSupportEnabled, context: "from", autoSelectToken: false, setToken: (token) => {
-                                if (token?.address === toToken?.address &&
-                                    token?.chainId === toToken?.chainId &&
-                                    address === recipient &&
-                                    (!lockToToken || !fromToken)) {
-                                    handleSetFromToken(toToken);
-                                    handleSetToToken(fromToken);
-                                }
-                                else {
-                                    handleSetFromToken(token);
-                                }
+                            }, setAddressModalOpen: setAddressModalOpen, wallets: linkedWallets ?? [], onAnalyticEvent: onAnalyticEvent, testId: "origin-wallet-select-button" })) : null] }), _jsxs(Flex, { align: "center", css: { width: '100%', gap: '32px' }, children: [_jsx(PaymentMethod, { address: address, isValidAddress: isValidFromAddress, token: fromToken, onAnalyticEvent: onAnalyticEvent, fromChainWalletVMSupported: fromChainWalletVMSupported, supportedWalletVMs: supportedWalletVMs, linkedWallets: linkedWallets, multiWalletSupportEnabled: multiWalletSupportEnabled, context: "from", autoSelectToken: false, setToken: (token) => {
+                                handleSetFromToken(token);
                             }, lockedChainIds: lockedChainIds, chainIdsFilter: !fromChainWalletVMSupported && toToken
                                 ? [toToken.chainId]
-                                : undefined, popularChainIds: popularChainIds, trigger: _jsx("div", { style: { width: 'max-content' }, children: _jsx(PaymentMethodTrigger, { token: fromToken, locked: lockFromToken, address: address, testId: "origin-token-select-button", balanceLabel: "available" }) }) }), _jsx(FeeBreakdownInfo, { isLoading: Boolean(isLoadingPayWith), amountUsd: currencyInAmountUsd, tokenAmountFormatted: currencyInAmountFormatted, fallbackTokenAmount: amountInputValue, quote: quote, feeBreakdown: feeBreakdown, token: fromToken })] }), _jsx(Divider, { color: "gray4" }), _jsxs(Flex, { direction: "column", css: { gap: '2', width: '100%' }, children: [_jsx(DestinationWalletSelector, { label: "Send to", isMultiWalletEnabled: multiWalletSupportEnabled, walletSupported: toChainWalletVMSupported, dropdownProps: {
+                                : undefined, popularChainIds: popularChainIds, trigger: _jsx("div", { children: _jsx(PaymentMethodTrigger, { token: fromToken, address: address, testId: "origin-token-select-button", balanceLabel: "available" }) }) }), _jsx(Flex, { css: { marginLeft: 'auto' }, children: _jsx(FeeBreakdownInfo, { isLoading: Boolean(isLoadingPayWith), amountUsd: currencyInAmountUsd, tokenAmountFormatted: currencyInAmountFormatted, fallbackTokenAmount: amountInputValue, quote: quote, feeBreakdown: feeBreakdown, token: fromToken }) })] }), _jsx(Divider, { color: "gray4" }), _jsxs(Flex, { direction: "column", css: { gap: '2', width: '100%' }, children: [_jsx(DestinationWalletSelector, { label: "Send to", isMultiWalletEnabled: multiWalletSupportEnabled, walletSupported: toChainWalletVMSupported, dropdownProps: {
                                 disablePasteWalletAddressOption,
                                 selectedWalletAddress: recipient,
                                 onSelect: (wallet) => {
@@ -203,13 +199,13 @@ const BuyTabContent = ({ slippageTolerance, onOpenSlippageConfig, onSlippageTole
                                 showClipboard: Boolean(isValidToAddress &&
                                     multiWalletSupportEnabled &&
                                     !isRecipientLinked)
-                            } }), _jsx(WidgetErrorWell, { hasInsufficientBalance: hasInsufficientBalance, error: error, quote: quote, currency: fromToken, relayerFeeProportion: relayerFeeProportion, isHighRelayerServiceFee: highRelayerServiceFee, isCapacityExceededError: isCapacityExceededError, isCouldNotExecuteError: isCouldNotExecuteError, supportsExternalLiquidity: supportsExternalLiquidity, recipientWalletSupportsChain: recipientWalletSupportsChain, recipient: recipient, toChainWalletVMSupported: toChainWalletVMSupported, recipientLinkedWallet: recipientLinkedWallet, toChainVmType: toChainVmType, containerCss: { width: '100%' } })] }), _jsx(Flex, { css: { width: '100%' }, children: _jsx(SwapButton, { context: "Buy", transactionModalOpen: transactionModalOpen, depositAddressModalOpen: depositAddressModalOpen, showHighPriceImpactWarning: showHighPriceImpactWarning, disableSwapButton: disableSwapButton, tokenWidgetMode: true, hasValidAmount: !invalidAmount, quote: quote, address: address, hasInsufficientBalance: hasInsufficientBalance, isInsufficientLiquidityError: isInsufficientLiquidityError, debouncedInputAmountValue: debouncedInputAmountValue, debouncedOutputAmountValue: debouncedOutputAmountValue, isSameCurrencySameRecipientSwap: isSameCurrencySameRecipientSwap, ctaCopy: displayCta, isValidFromAddress: isValidFromAddress, isValidToAddress: isValidToAddress, fromChainWalletVMSupported: fromChainWalletVMSupported, recipientWalletSupportsChain: recipientWalletSupportsChain, isFetchingQuote: isFetchingQuote, onClick: () => {
+                            } }), _jsx(WidgetErrorWell, { hasInsufficientBalance: hasInsufficientBalance, error: error, quote: quote, currency: fromToken, relayerFeeProportion: relayerFeeProportion, isHighRelayerServiceFee: highRelayerServiceFee, isCapacityExceededError: isCapacityExceededError, isCouldNotExecuteError: isCouldNotExecuteError, supportsExternalLiquidity: supportsExternalLiquidity, recipientWalletSupportsChain: recipientWalletSupportsChain, recipient: recipient, toChainWalletVMSupported: toChainWalletVMSupported, recipientLinkedWallet: recipientLinkedWallet, toChainVmType: toChainVmType, containerCss: { width: '100%', marginBottom: 0 } })] }), _jsx(Flex, { css: { width: '100%' }, children: _jsx(SwapButton, { context: "Buy", transactionModalOpen: transactionModalOpen, depositAddressModalOpen: depositAddressModalOpen, showHighPriceImpactWarning: showHighPriceImpactWarning, disableSwapButton: disableSwapButton, tokenWidgetMode: true, hasValidAmount: !invalidAmount, quote: quote, address: address, hasInsufficientBalance: hasInsufficientBalance, isInsufficientLiquidityError: isInsufficientLiquidityError, debouncedInputAmountValue: debouncedInputAmountValue, debouncedOutputAmountValue: debouncedOutputAmountValue, isSameCurrencySameRecipientSwap: isSameCurrencySameRecipientSwap, ctaCopy: displayCta, isValidFromAddress: isValidFromAddress, isValidToAddress: isValidToAddress, fromChainWalletVMSupported: fromChainWalletVMSupported, recipientWalletSupportsChain: recipientWalletSupportsChain, isFetchingQuote: isFetchingQuote, onClick: () => {
                             onAnalyticEvent?.('TOKEN_BUY_CLICKED', {
                                 token: toToken,
                                 amount: amountOutputValue
                             });
                             onPrimaryAction();
-                        }, onConnectWallet: onConnectWallet, onAnalyticEvent: onAnalyticEvent }) }), _jsx(TransactionDetailsFooter, { timeEstimate: timeEstimate, feeBreakdown: feeBreakdown, quote: quote })] }) }));
+                        }, onConnectWallet: onConnectWallet, onAnalyticEvent: onAnalyticEvent }) }), _jsx(Flex, { css: { width: '100%', marginTop: '-8px' }, children: _jsx(TransactionDetailsFooter, { timeEstimate: timeEstimate, feeBreakdown: feeBreakdown, quote: quote }) })] }) }));
 };
 export default BuyTabContent;
 //# sourceMappingURL=BuyTabContent.js.map

package/_esm/src/components/widgets/TokenWidget/BuyTabContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"BuyTabContent.js","sourceRoot":"","sources":["../../../../../src/components/widgets/TokenWidget/BuyTabContent.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"BuyTabContent.js","sourceRoot":"","sources":["../../../../../src/components/widgets/TokenWidget/BuyTabContent.tsx"],"names":[],"mappings":"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"}

package/_esm/src/components/widgets/TokenWidget/FeeBreakdownInfo.js

@@ -6,16 +6,21 @@ import { faInfoCircle } from '@fortawesome/free-solid-svg-icons';
 import { formatDollarCompact, formatNumber } from '../../../utils/numbers.js';
 import { FeeBreakdownTooltip } from './FeeBreakdownTooltip.js';
 export const FeeBreakdownInfo = ({ isLoading, amountUsd, tokenAmountFormatted, fallbackTokenAmount, quote, feeBreakdown, token }) => {
-    return (_jsxs(Flex, { direction: "column", align: "end", css: {
+    return (_jsxs(Flex, { direction: "column", align: "end", justify: !token ? 'center' : 'start', css: {
             gap: '1',
             minHeight: 42
-        }, children: [_jsx(Flex, { align: "center", css: { gap: '1' }, children: isLoading ? (_jsx(Skeleton, { css: { width: 90, height: 20 } })) : amountUsd && Number(amountUsd) > 0 ? (_jsxs(_Fragment, { children: [_jsxs(Text, { style: "h6", children: [formatDollarCompact(Number(amountUsd)), " total"] }), _jsx(FeeBreakdownTooltip, { quote: quote, feeBreakdown: feeBreakdown, fromToken: token, tooltipProps: { side: 'top', align: 'end' }, children: _jsx(Box, { css: {
+        }, children: [_jsx(Flex, { align: "center", css: { gap: '1' }, children: isLoading ? (_jsx(Skeleton, { css: { width: 90, height: 20 } })) : amountUsd && Number(amountUsd) > 0 ? (_jsxs(_Fragment, { children: [_jsxs(Text, { style: "h6", css: { textAlign: 'right', whiteSpace: 'nowrap' }, children: [formatDollarCompact(Number(amountUsd)), " total"] }), _jsx(FeeBreakdownTooltip, { quote: quote, feeBreakdown: feeBreakdown, fromToken: token, tooltipProps: { side: 'top', align: 'end' }, children: _jsx(Box, { css: {
                                     color: 'gray8',
                                     width: 16,
                                     display: 'flex',
                                     alignItems: 'center',
                                     justifyContent: 'center',
-                                    cursor: 'pointer'
-                                }, children: _jsx(FontAwesomeIcon, { icon: faInfoCircle }) }) })] })) : (_jsx(Text, { style: "h6", children: "$0 total" })) }), isLoading ? (_jsx(Skeleton, { css: { width: 70, height: 14 } })) : amountUsd && Number(amountUsd) > 0 ? (token && tokenAmountFormatted && Number(tokenAmountFormatted) > 0 ? (_jsxs(Text, { style: "subtitle3", color: "subtleSecondary", children: [formatNumber(tokenAmountFormatted, 4, true), " ", token.symbol] })) : token && fallbackTokenAmount && Number(fallbackTokenAmount) > 0 ? (_jsxs(Text, { style: "subtitle3", color: "subtleSecondary", children: [formatNumber(fallbackTokenAmount, 4, true), " ", token.symbol] })) : null) : token ? (_jsxs(Text, { style: "subtitle3", color: "subtleSecondary", children: ["0.00 ", token.symbol] })) : null] }));
+                                    cursor: 'pointer',
+                                    flexShrink: 0
+                                }, children: _jsx(FontAwesomeIcon, { icon: faInfoCircle }) }) })] })) : token ? (_jsx(Text, { style: "h6", css: {
+                        textAlign: 'right',
+                        whiteSpace: 'nowrap',
+                        lineHeight: 'normal'
+                    }, children: "$0 total" })) : (_jsx(Text, { style: "h6", css: { textAlign: 'right', whiteSpace: 'nowrap' }, children: "- total" })) }), isLoading ? (_jsx(Skeleton, { css: { width: 70, height: 14 } })) : amountUsd && Number(amountUsd) > 0 ? (token && tokenAmountFormatted && Number(tokenAmountFormatted) > 0 ? (_jsxs(Text, { style: "subtitle3", color: "subtleSecondary", children: [formatNumber(tokenAmountFormatted, 4, true), " ", token.symbol] })) : token && fallbackTokenAmount && Number(fallbackTokenAmount) > 0 ? (_jsxs(Text, { style: "subtitle3", color: "subtleSecondary", children: [formatNumber(fallbackTokenAmount, 4, true), " ", token.symbol] })) : null) : token ? (_jsxs(Text, { style: "subtitle3", color: "subtleSecondary", children: ["0.00 ", token.symbol] })) : null] }));
 };
 //# sourceMappingURL=FeeBreakdownInfo.js.map

package/_esm/src/components/widgets/TokenWidget/FeeBreakdownInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeeBreakdownInfo.js","sourceRoot":"","sources":["../../../../../src/components/widgets/TokenWidget/FeeBreakdownInfo.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAC3D,OAAO,QAAQ,MAAM,8BAA8B,CAAA;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAChE,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7E,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAe9D,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,EAC1D,SAAS,EACT,SAAS,EACT,oBAAoB,EACpB,mBAAmB,EACnB,KAAK,EACL,YAAY,EACZ,KAAK,EACN,EAAE,EAAE;IACH,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAC,KAAK,EACX,GAAG,EAAE;YACH,GAAG,EAAE,GAAG;YACR,SAAS,EAAE,EAAE;SACd,aAED,KAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,YACnC,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,QAAQ,IAAC,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI,CAC7C,CAAC,CAAC,CAAC,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACvC,8BACE,MAAC,IAAI,IAAC,KAAK,EAAC,IAAI,aACb,mBAAmB,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,cAClC,EACP,KAAC,mBAAmB,IAClB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAE3C,KAAC,GAAG,IACF,GAAG,EAAE;oCACH,KAAK,EAAE,OAAO;oCACd,KAAK,EAAE,EAAE;oCACT,OAAO,EAAE,MAAM;oCACf,UAAU,EAAE,QAAQ;oCACpB,cAAc,EAAE,QAAQ;oCACxB,MAAM,EAAE,SAAS;iCAClB,YAED,KAAC,eAAe,IAAC,IAAI,EAAE,YAAY,GAAI,GACnC,GACc,IACrB,CACJ,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,KAAK,EAAC,IAAI,yBAAgB,CACjC,GACI,EACN,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,QAAQ,IAAC,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI,CAC7C,CAAC,CAAC,CAAC,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACvC,KAAK,IAAI,oBAAoB,IAAI,MAAM,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAClE,MAAC,IAAI,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,iBAAiB,aAC5C,YAAY,CAAC,oBAAoB,EAAE,CAAC,EAAE,IAAI,CAAC,OAAG,KAAK,CAAC,MAAM,IACtD,CACR,CAAC,CAAC,CAAC,KAAK,IAAI,mBAAmB,IAAI,MAAM,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACpE,MAAC,IAAI,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,iBAAiB,aAC5C,YAAY,CAAC,mBAAmB,EAAE,CAAC,EAAE,IAAI,CAAC,OAAG,KAAK,CAAC,MAAM,IACrD,CACR,CAAC,CAAC,CAAC,IAAI,CACT,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACV,MAAC,IAAI,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,iBAAiB,sBACvC,KAAK,CAAC,MAAM,IACb,CACR,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"FeeBreakdownInfo.js","sourceRoot":"","sources":["../../../../../src/components/widgets/TokenWidget/FeeBreakdownInfo.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAC3D,OAAO,QAAQ,MAAM,8BAA8B,CAAA;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAChE,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7E,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAe9D,MAAM,CAAC,MAAM,gBAAgB,GAA8B,CAAC,EAC1D,SAAS,EACT,SAAS,EACT,oBAAoB,EACpB,mBAAmB,EACnB,KAAK,EACL,YAAY,EACZ,KAAK,EACN,EAAE,EAAE;IACH,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAC,KAAK,EACX,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EACpC,GAAG,EAAE;YACH,GAAG,EAAE,GAAG;YACR,SAAS,EAAE,EAAE;SACd,aAED,KAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,YACnC,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,QAAQ,IAAC,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI,CAC7C,CAAC,CAAC,CAAC,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACvC,8BACE,MAAC,IAAI,IAAC,KAAK,EAAC,IAAI,EAAC,GAAG,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,aAC/D,mBAAmB,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,cAClC,EACP,KAAC,mBAAmB,IAClB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAE3C,KAAC,GAAG,IACF,GAAG,EAAE;oCACH,KAAK,EAAE,OAAO;oCACd,KAAK,EAAE,EAAE;oCACT,OAAO,EAAE,MAAM;oCACf,UAAU,EAAE,QAAQ;oCACpB,cAAc,EAAE,QAAQ;oCACxB,MAAM,EAAE,SAAS;oCACjB,UAAU,EAAE,CAAC;iCACd,YAED,KAAC,eAAe,IAAC,IAAI,EAAE,YAAY,GAAI,GACnC,GACc,IACrB,CACJ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACV,KAAC,IAAI,IACH,KAAK,EAAC,IAAI,EACV,GAAG,EAAE;wBACH,SAAS,EAAE,OAAO;wBAClB,UAAU,EAAE,QAAQ;wBACpB,UAAU,EAAE,QAAQ;qBACrB,yBAGI,CACR,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,KAAK,EAAC,IAAI,EAAC,GAAG,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,wBAE3D,CACR,GACI,EACN,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,QAAQ,IAAC,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI,CAC7C,CAAC,CAAC,CAAC,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACvC,KAAK,IAAI,oBAAoB,IAAI,MAAM,CAAC,oBAAoB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAClE,MAAC,IAAI,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,iBAAiB,aAC5C,YAAY,CAAC,oBAAoB,EAAE,CAAC,EAAE,IAAI,CAAC,OAAG,KAAK,CAAC,MAAM,IACtD,CACR,CAAC,CAAC,CAAC,KAAK,IAAI,mBAAmB,IAAI,MAAM,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACpE,MAAC,IAAI,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,iBAAiB,aAC5C,YAAY,CAAC,mBAAmB,EAAE,CAAC,EAAE,IAAI,CAAC,OAAG,KAAK,CAAC,MAAM,IACrD,CACR,CAAC,CAAC,CAAC,IAAI,CACT,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACV,MAAC,IAAI,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,iBAAiB,sBACvC,KAAK,CAAC,MAAM,IACb,CACR,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAA;AACH,CAAC,CAAA"}

package/_esm/src/components/widgets/TokenWidget/FeeBreakdownTooltip.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Flex, Text } from '../../primitives/index.js';
 import Tooltip from '../../primitives/Tooltip.js';
-import { formatDollar } from '../../../utils/numbers.js';
+import { formatDollar, formatNumber } from '../../../utils/numbers.js';
 export const FeeBreakdownTooltip = ({ quote, feeBreakdown, fromToken, children, tooltipProps }) => {
     const currencyInAmount = quote?.details?.currencyIn?.amountUsd;
+    const currencyInAmountFormatted = quote?.details?.currencyIn?.amountFormatted;
     // Relay fee
     const relayFee = feeBreakdown?.breakdown?.find((fee) => fee.id === 'relayer-fee');
     const relayFeeUsd = relayFee?.usd.value ??
@@ -34,6 +35,8 @@ export const FeeBreakdownTooltip = ({ quote, feeBreakdown, fromToken, children,
     const fillGasFormatted = formatDollar(fillGasUsd !== undefined ? Math.abs(fillGasUsd) : undefined);
     const appFeeFormatted = appFee?.usd.formatted ??
         formatDollar(appFeeUsd !== undefined ? Math.abs(appFeeUsd) : undefined);
-    return (_jsx(Tooltip, { content: _jsxs(Flex, { css: { minWidth: 240 }, direction: "column", children: [fromToken && currencyInAmount && tokenAmountFormatted !== '-' && (_jsxs(Flex, { align: "center", css: { width: '100%', mb: '2' }, children: [_jsx(Text, { style: "subtitle2", color: "subtle", css: { mr: 'auto' }, children: fromToken.symbol }), _jsx(Text, { style: "subtitle2", children: tokenAmountFormatted })] })), relayFeeUsd !== undefined && relayFeeFormatted !== '-' && (_jsxs(Flex, { align: "center", css: { width: '100%', mb: '2' }, children: [_jsx(Text, { style: "subtitle2", color: "subtle", css: { mr: 'auto' }, children: relayFee?.name ?? 'Relay Fee' }), feeBreakdown?.isGasSponsored && relayFeeUsd === 0 ? (_jsx(Text, { style: "subtitle2", color: "success", children: "Free" })) : (_jsx(Text, { style: "subtitle2", children: relayFeeFormatted }))] })), swapImpactUsd !== undefined && swapImpactFormatted !== '-' && (_jsxs(Flex, { align: "center", css: { width: '100%', mb: '2' }, children: [_jsx(Text, { style: "subtitle2", color: "subtle", css: { mr: 'auto' }, children: "Swap Impact" }), _jsx(Text, { style: "subtitle2", children: swapImpactFormatted })] })), fillGasUsd !== undefined && fillGasFormatted !== '-' && (_jsxs(Flex, { align: "center", css: { width: '100%', mb: '2' }, children: [_jsx(Text, { style: "subtitle2", color: "subtle", css: { mr: 'auto' }, children: fillGasLabel }), feeBreakdown?.isGasSponsored && fillGasUsd === 0 ? (_jsx(Text, { style: "subtitle2", color: "success", children: "Free" })) : (_jsx(Text, { style: "subtitle2", children: fillGasFormatted }))] })), appFee && appFeeUsd !== undefined && appFeeFormatted !== '-' && (_jsxs(Flex, { align: "center", css: { width: '100%' }, children: [_jsx(Text, { style: "subtitle2", color: "subtle", css: { mr: 'auto' }, children: appFee.name }), feeBreakdown?.isGasSponsored && appFeeUsd === 0 ? (_jsx(Text, { style: "subtitle2", color: "success", children: "Free" })) : (_jsx(Text, { style: "subtitle2", children: appFeeFormatted }))] }))] }), ...tooltipProps, children: children }));
+    return (_jsx(Tooltip, { content: _jsxs(Flex, { css: { minWidth: 240 }, direction: "column", children: [fromToken && currencyInAmount && tokenAmountFormatted !== '-' && (_jsxs(Flex, { align: "center", css: { width: '100%', mb: '2' }, children: [_jsx(Text, { style: "subtitle2", color: "subtle", css: { mr: 'auto' }, children: currencyInAmountFormatted && currencyInAmountFormatted !== '-'
+                                ? `${formatNumber(currencyInAmountFormatted, 4, true)} ${fromToken.symbol}`
+                                : fromToken.symbol }), _jsx(Text, { style: "subtitle2", children: tokenAmountFormatted })] })), relayFeeUsd !== undefined && relayFeeFormatted !== '-' && (_jsxs(Flex, { align: "center", css: { width: '100%', mb: '2' }, children: [_jsx(Text, { style: "subtitle2", color: "subtle", css: { mr: 'auto' }, children: relayFee?.name ?? 'Relay Fee' }), feeBreakdown?.isGasSponsored && relayFeeUsd === 0 ? (_jsx(Text, { style: "subtitle2", color: "success", children: "Free" })) : (_jsx(Text, { style: "subtitle2", children: relayFeeFormatted }))] })), swapImpactUsd !== undefined && swapImpactFormatted !== '-' && (_jsxs(Flex, { align: "center", css: { width: '100%', mb: '2' }, children: [_jsx(Text, { style: "subtitle2", color: "subtle", css: { mr: 'auto' }, children: "Swap Impact" }), _jsx(Text, { style: "subtitle2", children: swapImpactFormatted })] })), fillGasUsd !== undefined && fillGasFormatted !== '-' && (_jsxs(Flex, { align: "center", css: { width: '100%', mb: '2' }, children: [_jsx(Text, { style: "subtitle2", color: "subtle", css: { mr: 'auto' }, children: fillGasLabel }), feeBreakdown?.isGasSponsored && fillGasUsd === 0 ? (_jsx(Text, { style: "subtitle2", color: "success", children: "Free" })) : (_jsx(Text, { style: "subtitle2", children: fillGasFormatted }))] })), appFee && appFeeUsd !== undefined && appFeeFormatted !== '-' && (_jsxs(Flex, { align: "center", css: { width: '100%' }, children: [_jsx(Text, { style: "subtitle2", color: "subtle", css: { mr: 'auto' }, children: appFee.name }), feeBreakdown?.isGasSponsored && appFeeUsd === 0 ? (_jsx(Text, { style: "subtitle2", color: "success", children: "Free" })) : (_jsx(Text, { style: "subtitle2", children: appFeeFormatted }))] }))] }), ...tooltipProps, children: children }));
 };
 //# sourceMappingURL=FeeBreakdownTooltip.js.map

package/_esm/src/components/widgets/TokenWidget/FeeBreakdownTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeeBreakdownTooltip.js","sourceRoot":"","sources":["../../../../../src/components/widgets/TokenWidget/FeeBreakdownTooltip.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FeeBreakdownTooltip.js","sourceRoot":"","sources":["../../../../../src/components/widgets/TokenWidget/FeeBreakdownTooltip.tsx"],"names":[],"mappings":"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"}

package/_esm/src/components/widgets/TokenWidget/SectionContainer.js

@@ -10,11 +10,12 @@ const SectionContainer = ({ children, css, id }) => {
             display: 'flex',
             flexDirection: 'column',
             alignItems: 'start',
-            backgroundColor: 'widget-card-background',
+            backgroundColor: { base: 'transparent', md: 'widget-card-background' },
             border: 'widget-card-border',
             gap: '4',
-            p: '16px',
-            borderRadius: 'widget-card-border-radius',
+            paddingY: '16px',
+            paddingX: { base: '0', md: '16px' },
+            borderRadius: { base: '0', md: 'widget-card-border-radius' },
             ...css
         }, children: children }));
 };

package/_esm/src/components/widgets/TokenWidget/SectionContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionContainer.js","sourceRoot":"","sources":["../../../../../src/components/widgets/TokenWidget/SectionContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAmC,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAChD,OAAO,EAAe,MAAM,wCAAwC,CAAA;AAEpE,MAAM,gBAAgB,GAElB,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE;IAC5B,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,SAAS,EACjB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE;YACH,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,OAAO;YACjB,QAAQ,EAAE,OAAO;YACjB,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,OAAO;YACnB,eAAe,EAAE,wBAAwB;YACzC,MAAM,EAAE,oBAAoB;YAC5B,GAAG,EAAE,GAAG;YACR,CAAC,EAAE,MAAM;YACT,YAAY,EAAE,2BAA2B;YACzC,GAAG,GAAG;SACP,YAEA,QAAQ,GACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"SectionContainer.js","sourceRoot":"","sources":["../../../../../src/components/widgets/TokenWidget/SectionContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAmC,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAA;AAChD,OAAO,EAAe,MAAM,wCAAwC,CAAA;AAEpE,MAAM,gBAAgB,GAElB,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE;IAC5B,OAAO,CACL,KAAC,IAAI,IACH,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,SAAS,EACjB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE;YACH,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,OAAO;YACjB,QAAQ,EAAE,OAAO;YACjB,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,OAAO;YACnB,eAAe,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE,wBAAwB,EAAE;YACtE,MAAM,EAAE,oBAAoB;YAC5B,GAAG,EAAE,GAAG;YACR,QAAQ,EAAE,MAAM;YAChB,QAAQ,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE;YACnC,YAAY,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,2BAA2B,EAAE;YAC5D,GAAG,GAAG;SACP,YAEA,QAAQ,GACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/_esm/src/components/widgets/TokenWidget/SellTabContent.js

@@ -16,7 +16,6 @@ import AmountSectionHeader from './AmountSectionHeader.js';
 import AmountModeToggle from './AmountModeToggle.js';
 import TransactionDetailsFooter from './TransactionDetailsFooter.js';
 import SectionContainer from './SectionContainer.js';
-import { isChainLocked } from '../../../utils/tokenSelector.js';
 import { WidgetErrorWell } from '../WidgetErrorWell.js';
 import { FeeBreakdownInfo } from './FeeBreakdownInfo.js';
 import { DestinationWalletSelector } from './DestinationWalletSelector.js';
@@ -77,15 +76,6 @@ const SellTabContent = ({ slippageTolerance, onOpenSlippageConfig, onSlippageTol
         Number(debouncedInputAmountValue) === 0 ||
         Number(debouncedOutputAmountValue) === 0 ||
         !hasSelectedTokens;
-    const toChainId = toToken?.chainId;
-    const lockedToChainIds = isSingleChainLocked
-        ? lockChainId !== undefined
-            ? [lockChainId]
-            : undefined
-        : isChainLocked(toChainId, lockChainId, fromToken?.chainId, lockToToken) &&
-            toChainId !== undefined
-            ? [toChainId]
-            : undefined;
     const chainIdsFilterForDestination = !toChainWalletVMSupported && fromToken ? [fromToken.chainId] : undefined;
     const hasValidInputAmount = fromToken && amountInputValue && Number(amountInputValue) > 0;
     const currencyOutAmountUsd = quote?.details?.currencyOut?.amountUsd;
@@ -93,9 +83,10 @@ const SellTabContent = ({ slippageTolerance, onOpenSlippageConfig, onSlippageTol
     // Only show skeleton on initial load, not on subsequent fetches
     const isLoadingOutput = hasValidInputAmount && isFetchingQuote && toToken && !currencyOutAmountUsd;
     return (_jsx(TabsContent, { value: "sell", children: _jsxs(SectionContainer, { css: {
-                backgroundColor: 'widget-background',
-                border: '1px solid',
-                borderColor: 'slate.4'
+                border: { base: 'none', md: '1px solid' },
+                borderColor: { base: 'transparent', md: 'slate.4' },
+                minWidth: { base: '350px', md: '400px' },
+                maxWidth: '400px'
             }, id: 'sell-token-section', children: [_jsx(AmountSectionHeader, { label: "Amount", slippageTolerance: slippageTolerance, onOpenSlippageConfig: onOpenSlippageConfig, onSlippageToleranceChange: onSlippageToleranceChange, onAnalyticEvent: onAnalyticEvent }), _jsx(Flex, { align: "center", justify: "between", css: { width: '100%' }, children: _jsx(AmountInput, { autoFocus: !disableInputAutoFocus, prefixSymbol: isUsdInputMode ? '$' : undefined, value: isUsdInputMode
                             ? usdInputValue
                             : tradeType === 'EXACT_INPUT'
@@ -202,22 +193,13 @@ const SellTabContent = ({ slippageTolerance, onOpenSlippageConfig, onSlippageTol
                                                 : toToken && recipient !== address
                                                     ? isLoadingFromBalance
                                                     : isLoadingToBalance;
-                                            return displayToken ? (_jsx(BalanceDisplay, { hideBalanceLabel: true, displaySymbol: true, isLoading: isLoadingDisplayBalance, balance: displayBalance, decimals: displayToken?.decimals, symbol: displayToken?.symbol, hasInsufficientBalance: hasInsufficientBalance, isConnected: !isDeadAddress(address) &&
+                                            return displayToken ? (_jsx(BalanceDisplay, { hideBalanceLabel: false, displaySymbol: false, isLoading: isLoadingDisplayBalance, balance: displayBalance, decimals: displayToken?.decimals, symbol: displayToken?.symbol, hasInsufficientBalance: hasInsufficientBalance, isConnected: !isDeadAddress(address) &&
                                                     address !== tronDeadAddress &&
-                                                    address !== undefined, pending: displayBalancePending, size: "md" })) : (_jsx(Flex, { css: { height: 18 } }));
-                                        })(), fromBalance && fromBalance > 0n && onMaxAmountClicked ? (_jsx(PercentageButtons, { balance: fromBalance, onPercentageClick: onMaxAmountClicked, getFeeBufferAmount: getFeeBufferAmount, fromChain: fromChain, publicClient: publicClient, isFromNative: isFromNative, percentages: percentOptions, buttonStyles: {
-                                                fontSize: 12,
-                                                fontWeight: '500',
-                                                px: '1',
-                                                py: '1',
-                                                minHeight: '23px',
-                                                lineHeight: '100%',
-                                                backgroundColor: 'widget-selector-background',
-                                                border: 'none',
-                                                _hover: {
-                                                    backgroundColor: 'widget-selector-hover-background'
-                                                }
-                                            } })) : null] })] })] }), _jsx(Divider, { color: "gray4" }), _jsx(DestinationWalletSelector, { label: "Sell to", isMultiWalletEnabled: multiWalletSupportEnabled, walletSupported: toChainWalletVMSupported, dropdownProps: {
+                                                    address !== undefined, pending: displayBalancePending, size: "sm" })) : (_jsx(Flex, { css: { height: 18 } }));
+                                        })(), fromBalance && fromBalance > 0n && onMaxAmountClicked ? (_jsx(Box, { css: {
+                                                display: 'none',
+                                                sm: { display: 'block' }
+                                            }, children: _jsx(PercentageButtons, { balance: fromBalance, onPercentageClick: onMaxAmountClicked, getFeeBufferAmount: getFeeBufferAmount, fromChain: fromChain, publicClient: publicClient, isFromNative: isFromNative, percentages: percentOptions, variant: "desktop" }) })) : null] })] }), fromBalance && fromBalance > 0n && onMaxAmountClicked ? (_jsx(Box, { css: { display: 'block', sm: { display: 'none' } }, children: _jsx(PercentageButtons, { balance: fromBalance, onPercentageClick: onMaxAmountClicked, getFeeBufferAmount: getFeeBufferAmount, fromChain: fromChain, publicClient: publicClient, isFromNative: isFromNative, percentages: percentOptions, variant: "mobile" }) })) : null] }), _jsx(Divider, { color: "gray4" }), _jsx(DestinationWalletSelector, { label: "Sell to", isMultiWalletEnabled: multiWalletSupportEnabled, walletSupported: toChainWalletVMSupported, dropdownProps: {
                         selectedWalletAddress: recipient,
                         disablePasteWalletAddressOption,
                         onSelect: (wallet) => {
@@ -264,20 +246,20 @@ const SellTabContent = ({ slippageTolerance, onOpenSlippageConfig, onSlippageTol
                         showClipboard: Boolean(isValidToAddress &&
                             multiWalletSupportEnabled &&
                             !isRecipientLinked)
-                    } }), _jsxs(Flex, { direction: "column", css: { gap: '2', width: '100%' }, children: [_jsxs(Flex, { justify: "between", css: { width: '100%' }, children: [_jsx(PaymentMethod, { address: recipient, isValidAddress: isValidToAddress, token: toToken, onAnalyticEvent: onAnalyticEvent, multiWalletSupportEnabled: multiWalletSupportEnabled, fromChainWalletVMSupported: toChainWalletVMSupported, supportedWalletVMs: supportedWalletVMs, popularChainIds: popularChainIds, lockedChainIds: lockedToChainIds, chainIdsFilter: chainIdsFilterForDestination, linkedWallets: linkedWallets, context: "to", autoSelectToken: true, setToken: (token) => {
+                    } }), _jsxs(Flex, { direction: "column", css: { gap: '2', width: '100%' }, children: [_jsxs(Flex, { align: "center", css: { width: '100%', gap: '32px' }, children: [_jsx(PaymentMethod, { address: recipient, isValidAddress: isValidToAddress, token: toToken, onAnalyticEvent: onAnalyticEvent, multiWalletSupportEnabled: multiWalletSupportEnabled, fromChainWalletVMSupported: toChainWalletVMSupported, supportedWalletVMs: supportedWalletVMs, popularChainIds: popularChainIds, chainIdsFilter: chainIdsFilterForDestination, linkedWallets: linkedWallets, context: "to", autoSelectToken: true, setToken: (token) => {
                                         if (token?.address === fromToken?.address &&
                                             token?.chainId === fromToken?.chainId &&
                                             recipient === address) {
                                             return;
                                         }
                                         handleSetToToken(token);
-                                    }, trigger: _jsx("div", { style: { width: 'max-content' }, children: _jsx(PaymentMethodTrigger, { token: toToken, locked: lockToToken, address: recipient, testId: "payment-method-select-button", balanceLabel: "available" }) }) }), _jsx(FeeBreakdownInfo, { isLoading: Boolean(isLoadingOutput), amountUsd: currencyOutAmountUsd, tokenAmountFormatted: currencyOutAmountFormatted, fallbackTokenAmount: amountOutputValue, quote: quote, feeBreakdown: feeBreakdown, token: toToken })] }), _jsx(WidgetErrorWell, { hasInsufficientBalance: hasInsufficientBalance, error: error, quote: quote, currency: fromToken, relayerFeeProportion: relayerFeeProportion, isHighRelayerServiceFee: highRelayerServiceFee, isCapacityExceededError: isCapacityExceededError, isCouldNotExecuteError: isCouldNotExecuteError, supportsExternalLiquidity: supportsExternalLiquidity, recipientWalletSupportsChain: recipientWalletSupportsChain, recipient: recipient, toChainWalletVMSupported: toChainWalletVMSupported, recipientLinkedWallet: recipientLinkedWallet, toChainVmType: toChainVmType, containerCss: { width: '100%' } })] }), _jsx(Flex, { css: { width: '100%' }, children: _jsx(SwapButton, { context: "Sell", transactionModalOpen: transactionModalOpen, depositAddressModalOpen: depositAddressModalOpen, showHighPriceImpactWarning: showHighPriceImpactWarning, disableSwapButton: disableSwapButton, tokenWidgetMode: true, hasValidAmount: !invalidAmount, quote: quote, address: address, hasInsufficientBalance: hasInsufficientBalance, isInsufficientLiquidityError: isInsufficientLiquidityError, debouncedInputAmountValue: debouncedInputAmountValue, debouncedOutputAmountValue: debouncedOutputAmountValue, isSameCurrencySameRecipientSwap: isSameCurrencySameRecipientSwap, ctaCopy: displayCta, isValidFromAddress: isValidFromAddress, isValidToAddress: isValidToAddress, fromChainWalletVMSupported: fromChainWalletVMSupported, recipientWalletSupportsChain: recipientWalletSupportsChain, isFetchingQuote: isFetchingQuote, onClick: () => {
+                                    }, trigger: _jsx("div", { children: _jsx(PaymentMethodTrigger, { token: toToken, address: recipient, testId: "payment-method-select-button", balanceLabel: "balance" }) }) }), _jsx(Flex, { css: { marginLeft: 'auto' }, children: _jsx(FeeBreakdownInfo, { isLoading: Boolean(isLoadingOutput), amountUsd: currencyOutAmountUsd, tokenAmountFormatted: currencyOutAmountFormatted, fallbackTokenAmount: amountOutputValue, quote: quote, feeBreakdown: feeBreakdown, token: toToken }) })] }), _jsx(WidgetErrorWell, { hasInsufficientBalance: hasInsufficientBalance, error: error, quote: quote, currency: fromToken, relayerFeeProportion: relayerFeeProportion, isHighRelayerServiceFee: highRelayerServiceFee, isCapacityExceededError: isCapacityExceededError, isCouldNotExecuteError: isCouldNotExecuteError, supportsExternalLiquidity: supportsExternalLiquidity, recipientWalletSupportsChain: recipientWalletSupportsChain, recipient: recipient, toChainWalletVMSupported: toChainWalletVMSupported, recipientLinkedWallet: recipientLinkedWallet, toChainVmType: toChainVmType, containerCss: { width: '100%', marginBottom: 0 } })] }), _jsx(Flex, { css: { width: '100%' }, children: _jsx(SwapButton, { context: "Sell", transactionModalOpen: transactionModalOpen, depositAddressModalOpen: depositAddressModalOpen, showHighPriceImpactWarning: showHighPriceImpactWarning, disableSwapButton: disableSwapButton, tokenWidgetMode: true, hasValidAmount: !invalidAmount, quote: quote, address: address, hasInsufficientBalance: hasInsufficientBalance, isInsufficientLiquidityError: isInsufficientLiquidityError, debouncedInputAmountValue: debouncedInputAmountValue, debouncedOutputAmountValue: debouncedOutputAmountValue, isSameCurrencySameRecipientSwap: isSameCurrencySameRecipientSwap, ctaCopy: displayCta, isValidFromAddress: isValidFromAddress, isValidToAddress: isValidToAddress, fromChainWalletVMSupported: fromChainWalletVMSupported, recipientWalletSupportsChain: recipientWalletSupportsChain, isFetchingQuote: isFetchingQuote, onClick: () => {
                             onAnalyticEvent?.('TOKEN_SELL_CLICKED', {
                                 token: fromToken,
                                 amount: amountInputValue
                             });
                             onPrimaryAction();
-                        }, onConnectWallet: onConnectWallet, onAnalyticEvent: onAnalyticEvent }) }), _jsx(TransactionDetailsFooter, { timeEstimate: timeEstimate, feeBreakdown: feeBreakdown, quote: quote })] }) }));
+                        }, onConnectWallet: onConnectWallet, onAnalyticEvent: onAnalyticEvent }) }), _jsx(Flex, { css: { width: '100%', marginTop: '-8px' }, children: _jsx(TransactionDetailsFooter, { timeEstimate: timeEstimate, feeBreakdown: feeBreakdown, quote: quote }) })] }) }));
 };
 export default SellTabContent;
 //# sourceMappingURL=SellTabContent.js.map