@relayprotocol/relay-kit-ui 2.17.2

package/_esm/src/components/common/TokenSelector/TokenList.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Flex, Text, Skeleton, ChainTokenIcon, AccessibleListItem, Box, Button } from '../../primitives/index.js';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faChevronDown, faChevronUp, faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
+import { formatBN, formatDollar } from '../../../utils/numbers.js';
+import { truncateAddress } from '../../../utils/truncate.js';
+export const TokenList = ({ title, tokens: rawTokens, isLoading, isLoadingBalances, chainFilterId, showMoreButton }) => {
+    const [tokensExpanded, setTokensExpanded] = useState(false);
+    const tokens = showMoreButton && rawTokens && rawTokens.length > 4 && !tokensExpanded
+        ? rawTokens.slice(0, 4)
+        : rawTokens;
+    if (isLoading) {
+        return (_jsx(_Fragment, { children: Array.from({ length: 10 }).map((_, index) => (_jsxs(Flex, { align: "center", css: { gap: '2', p: '2', width: '100%' }, children: [_jsx(Skeleton, { css: {
+                            width: 40,
+                            height: 40,
+                            borderRadius: '50%',
+                            flexShrink: 0
+                        } }), _jsxs(Flex, { direction: "column", css: { gap: '2px', flexGrow: 1 }, children: [_jsx(Skeleton, { css: { width: '60%', height: 16 } }), _jsx(Skeleton, { css: { width: '40%', height: 16 } })] })] }, index))) }));
+    }
+    if (tokens.length > 0)
+        return (_jsxs(Flex, { direction: "column", css: { gap: '1', width: '100%' }, children: [_jsx(Text, { style: "subtitle2", color: "subtle", children: title }), tokens.map((token) => {
+                    const value = `${token.chainId}:${token.address}`;
+                    const compactBalance = Boolean(token.balance &&
+                        token.decimals &&
+                        token.balance.toString().length - token.decimals > 4);
+                    return (_jsx(AccessibleListItem, { value: value, asChild: true, children: _jsxs(Button, { color: "ghost", css: {
+                                gap: '2',
+                                cursor: 'pointer',
+                                px: '2',
+                                py: '2',
+                                transition: 'backdrop-filter 250ms linear',
+                                _hover: {
+                                    backgroundColor: 'gray/10'
+                                },
+                                flexShrink: 0,
+                                alignContent: 'center',
+                                display: 'flex',
+                                width: '100%',
+                                '--focusColor': 'colors.focus-color',
+                                _focusVisible: {
+                                    boxShadow: 'inset 0 0 0 2px var(--focusColor)'
+                                },
+                                '&[data-state="on"]': {
+                                    boxShadow: 'inset 0 0 0 2px var(--focusColor)'
+                                },
+                                _active: {
+                                    boxShadow: 'inset 0 0 0 2px var(--focusColor)'
+                                },
+                                _focusWithin: {
+                                    boxShadow: 'inset 0 0 0 2px var(--focusColor)'
+                                },
+                                scrollSnapAlign: 'start'
+                            }, children: [_jsx(ChainTokenIcon, { chainId: token.chainId, tokenlogoURI: token.logoURI, tokenSymbol: token.symbol, size: "lg" }), _jsxs(Flex, { direction: "column", align: "start", css: { gap: '2px', maxWidth: '100%', minWidth: 0 }, children: [_jsxs(Flex, { align: "center", css: { gap: '1', maxWidth: '100%' }, children: [_jsx(Text, { style: "h6", ellipsify: true, css: {
+                                                        gap: '1',
+                                                        alignItems: 'center'
+                                                    }, children: token.symbol }), token.isGasCurrency && chainFilterId && (_jsx(Text, { style: "subtitle3", css: {
+                                                        px: '6px',
+                                                        py: '4px',
+                                                        borderRadius: '100px',
+                                                        backgroundColor: 'gray3',
+                                                        whiteSpace: 'nowrap',
+                                                        flexShrink: 0,
+                                                        lineHeight: '12px',
+                                                        'button:hover &': {
+                                                            backgroundColor: 'gray5'
+                                                        }
+                                                    }, children: "Gas Token" }))] }), _jsxs(Flex, { align: "center", css: { gap: '1', maxWidth: '100%' }, children: [_jsx(Text, { style: "subtitle3", color: chainFilterId ? 'subtle' : undefined, ellipsify: true, children: chainFilterId
+                                                        ? token.name
+                                                        : token.chain?.displayName || token.name }), _jsx(Text, { style: "subtitle3", color: "subtle", ellipsify: true, css: { textWrap: 'nowrap' }, children: truncateAddress(token.address) }), !token.verified ? (_jsx(Box, { css: { color: 'gray8' }, children: _jsx(FontAwesomeIcon, { icon: faExclamationTriangle, width: 14, height: 14 }) })) : null] })] }), (token.balance || isLoadingBalances) && (_jsx(Flex, { direction: "column", align: "end", css: { gap: '2px', ml: 'auto', flexShrink: 0 }, children: isLoadingBalances ? (_jsxs(_Fragment, { children: [_jsx(Skeleton, { css: { ml: 'auto', width: 60 } }), _jsx(Skeleton, { css: { ml: 'auto', width: 60 } })] })) : (_jsxs(_Fragment, { children: [token.balance?.value_usd &&
+                                                token.balance.value_usd > 0 && (_jsx(Text, { style: "h6", children: formatDollar(token.balance?.value_usd) })), _jsx(Text, { style: "subtitle3", color: "subtle", children: formatBN(token.balance.amount, 4, token.decimals, compactBalance) })] })) }))] }) }, value));
+                }), showMoreButton && (_jsxs(Button, { color: "grey", size: "small", corners: "pill", css: { ml: 'auto', minHeight: 24, px: '2', py: '1' }, onClick: () => setTokensExpanded(!tokensExpanded), children: [_jsx(Text, { style: "subtitle3", color: "subtle", children: tokensExpanded ? 'Less' : 'More' }), _jsx(Text, { style: "body1", css: {
+                                color: 'gray9',
+                                marginLeft: 'auto',
+                                transform: tokensExpanded ? 'rotate(180deg)' : 'rotate(0)',
+                                width: 12
+                            }, children: _jsx(FontAwesomeIcon, { icon: faChevronDown }) })] }))] }));
+};
+//# sourceMappingURL=TokenList.js.map

package/_esm/src/components/common/TokenSelector/TokenList.js.map

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

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

@@ -0,0 +1,411 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { Flex, Text, Input, Box } from '../../primitives/index.js';
+import { Modal } from '../Modal.js';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faMagnifyingGlass, faFolderOpen } from '@fortawesome/free-solid-svg-icons';
+import {} from './ChainFilter.js';
+import useRelayClient from '../../../hooks/useRelayClient.js';
+import { isAddress } from 'viem';
+import { useDebounceState, useDuneBalances } from '../../../hooks/index.js';
+import { useMediaQuery } from 'usehooks-ts';
+import { useTokenList } from '@relayprotocol/relay-kit-hooks';
+import { EventNames } from '../../../constants/events.js';
+import { UnverifiedTokenModal } from '../UnverifiedTokenModal.js';
+import { useEnhancedTokensList } from '../../../hooks/useEnhancedTokensList.js';
+import ChainFilter from './ChainFilter.js';
+import { TokenList } from './TokenList.js';
+import { UnsupportedDepositAddressChainIds } from '../../../constants/depositAddresses.js';
+import { getRelayUiKitData } from '../../../utils/localStorage.js';
+import { isValidAddress as isValidAddressUtil } from '../../../utils/address.js';
+import { AccessibleList, AccessibleListItem } from '../../primitives/AccessibleList.js';
+import { eclipse, solana } from '../../../utils/solana.js';
+import { bitcoin } from '../../../utils/bitcoin.js';
+import { ChainFilterSidebar } from './ChainFilterSidebar.js';
+import { SuggestedTokens } from './SuggestedTokens.js';
+import { convertApiCurrencyToToken, mergeTokenLists } from '../../../utils/tokens.js';
+import { bitcoinDeadAddress, evmDeadAddress, solDeadAddress } from '@relayprotocol/relay-sdk';
+import { getInitialChainFilter, sortChains } from '../../../utils/tokenSelector.js';
+import { useInternalRelayChains } from '../../../hooks/index.js';
+import { useTrendingCurrencies } from '@relayprotocol/relay-kit-hooks';
+const TokenSelector = ({ token, trigger, chainIdsFilter, lockedChainIds, context, address, isValidAddress, multiWalletSupportEnabled = false, fromChainWalletVMSupported, supportedWalletVMs, popularChainIds, setToken, onAnalyticEvent }) => {
+    const relayClient = useRelayClient();
+    const { chains: allRelayChains } = useInternalRelayChains();
+    const isDesktop = useMediaQuery('(min-width: 660px)');
+    const [open, setOpen] = useState(false);
+    const [unverifiedTokenModalOpen, setUnverifiedTokenModalOpen] = useState(false);
+    const [unverifiedToken, setUnverifiedToken] = useState();
+    const [chainFilter, setChainFilter] = useState({
+        id: undefined,
+        name: 'All Chains'
+    });
+    const { value: tokenSearchInput, debouncedValue: debouncedTokenSearchValue, setValue: setTokenSearchInput } = useDebounceState('', 500);
+    const depositAddressOnly = context === 'from'
+        ? chainFilter?.vmType
+            ? !supportedWalletVMs?.includes(chainFilter.vmType)
+            : !chainFilter.id
+                ? false
+                : !fromChainWalletVMSupported && chainFilter.id === token?.chainId
+        : !fromChainWalletVMSupported;
+    const isReceivingDepositAddress = depositAddressOnly && context === 'to';
+    // Configure chains
+    const configuredChains = useMemo(() => {
+        let chains = allRelayChains?.filter((chain) => relayClient?.chains?.find((relayChain) => relayChain.id === chain.id)) ?? [];
+        if (!multiWalletSupportEnabled && context === 'from') {
+            chains = chains.filter((chain) => chain.vmType === 'evm');
+        }
+        if (isReceivingDepositAddress) {
+            chains = chains.filter(({ id }) => !UnsupportedDepositAddressChainIds.includes(id));
+        }
+        return sortChains(chains);
+    }, [
+        allRelayChains,
+        relayClient?.chains,
+        multiWalletSupportEnabled,
+        context,
+        depositAddressOnly
+    ]);
+    const configuredChainIds = useMemo(() => {
+        if (lockedChainIds) {
+            return lockedChainIds;
+        }
+        let _chainIds = configuredChains.map((chain) => chain.id);
+        if (chainIdsFilter) {
+            _chainIds = _chainIds.filter((id) => !chainIdsFilter.includes(id));
+        }
+        return _chainIds;
+    }, [configuredChains, lockedChainIds, chainIdsFilter, depositAddressOnly]);
+    const hasMultipleConfiguredChainIds = configuredChainIds.length > 1;
+    const chainFilterOptions = context === 'from'
+        ? configuredChains?.filter((chain) => (chain.vmType === 'evm' ||
+            chain.vmType === 'suivm' ||
+            chain.vmType === 'tvm' ||
+            chain.vmType === 'hypevm' ||
+            chain.id === solana.id ||
+            chain.id === eclipse.id ||
+            chain.id === bitcoin.id) &&
+            configuredChainIds.includes(chain.id))
+        : configuredChains?.filter((chain) => configuredChainIds.includes(chain.id));
+    const allChains = [
+        ...(isReceivingDepositAddress
+            ? []
+            : [{ id: undefined, name: 'All Chains' }]),
+        ...chainFilterOptions
+    ];
+    const useDefaultTokenList = debouncedTokenSearchValue === '';
+    // Get user's token balances
+    const { data: duneTokens, balanceMap: tokenBalances, isLoading: isLoadingBalances } = useDuneBalances(address &&
+        address !== evmDeadAddress &&
+        address !== solDeadAddress &&
+        address !== bitcoinDeadAddress &&
+        isValidAddress
+        ? address
+        : undefined, relayClient?.baseApiUrl?.includes('testnet') ? 'testnet' : 'mainnet', {
+        staleTime: 60000,
+        gcTime: 60000
+    });
+    // Filter dune token balances based on configured chains
+    const filteredDuneTokenBalances = useMemo(() => {
+        return duneTokens?.balances?.filter((balance) => configuredChainIds.includes(balance.chain_id));
+    }, [duneTokens?.balances, configuredChainIds]);
+    const userTokensQuery = useMemo(() => {
+        if (filteredDuneTokenBalances && filteredDuneTokenBalances.length > 0) {
+            return filteredDuneTokenBalances.map((balance) => `${balance.chain_id}:${balance.address}`);
+        }
+        return undefined;
+    }, [filteredDuneTokenBalances]);
+    // Get user's tokens from currencies api
+    const { data: userTokens, isLoading: isLoadingUserTokens } = useTokenList(relayClient?.baseApiUrl, userTokensQuery
+        ? {
+            tokens: userTokensQuery,
+            limit: 100,
+            depositAddressOnly,
+            referrer: relayClient?.source
+        }
+        : undefined, {
+        enabled: !!filteredDuneTokenBalances
+    });
+    const isSearchTermValidAddress = isValidAddressUtil(chainFilter.vmType, debouncedTokenSearchValue, chainFilter.id);
+    const { data: trendingTokens, isLoading: isLoadingTrendingTokens } = useTrendingCurrencies(relayClient?.baseApiUrl, {
+        referrer: relayClient?.source
+    }, {
+        enabled: context === 'to'
+    });
+    // Get main token list
+    const { data: tokenList, isLoading: isLoadingTokenList } = useTokenList(relayClient?.baseApiUrl, {
+        chainIds: chainFilter.id
+            ? [chainFilter.id]
+            : configuredChains.map((c) => c.id),
+        address: isSearchTermValidAddress ? debouncedTokenSearchValue : undefined,
+        term: !isSearchTermValidAddress ? debouncedTokenSearchValue : undefined,
+        defaultList: useDefaultTokenList && !depositAddressOnly,
+        limit: 12,
+        depositAddressOnly,
+        referrer: relayClient?.source
+    });
+    // Get external token list for search
+    const { data: externalTokenList, isLoading: isLoadingExternalList } = useTokenList(relayClient?.baseApiUrl, {
+        chainIds: chainFilter.id
+            ? [chainFilter.id]
+            : configuredChains.map((c) => c.id),
+        address: isSearchTermValidAddress
+            ? debouncedTokenSearchValue
+            : undefined,
+        term: !isSearchTermValidAddress ? debouncedTokenSearchValue : undefined,
+        defaultList: false,
+        limit: 12,
+        useExternalSearch: true,
+        referrer: relayClient?.source
+    }, {
+        enabled: !!debouncedTokenSearchValue && !depositAddressOnly
+    });
+    // Merge token lists when searching
+    const combinedTokenList = useMemo(() => {
+        if (!debouncedTokenSearchValue)
+            return tokenList;
+        return mergeTokenLists([tokenList, externalTokenList]);
+    }, [tokenList, externalTokenList, debouncedTokenSearchValue]);
+    const sortedUserTokens = useEnhancedTokensList(userTokens, tokenBalances, context, multiWalletSupportEnabled, chainFilter.id, true);
+    const sortedTrendingTokens = useEnhancedTokensList(trendingTokens, tokenBalances, 'to', multiWalletSupportEnabled, undefined, false);
+    const sortedCombinedTokens = useEnhancedTokensList(combinedTokenList, tokenBalances, context, multiWalletSupportEnabled, chainFilter.id, false);
+    const [chainSearchInputElement, setChainSearchInputElement] = useState(null);
+    const [tokenSearchInputElement, setTokenSearchInputElement] = useState(null);
+    const inputElement = hasMultipleConfiguredChainIds
+        ? chainSearchInputElement
+        : tokenSearchInputElement;
+    const resetState = useCallback(() => {
+        setTokenSearchInput('');
+        setChainSearchInputElement(null);
+        setTokenSearchInputElement(null);
+    }, []);
+    const onOpenChange = useCallback((openChange) => {
+        let tokenCount = undefined;
+        let usdcCount = 0;
+        let usdtCount = 0;
+        let ethCount = 0;
+        try {
+            if (!isLoadingBalances && tokenBalances) {
+                tokenCount = Object.keys(tokenBalances).length;
+                Object.values(tokenBalances).forEach((token) => {
+                    const tokenSymbol = token.symbol
+                        ? token.symbol.toLowerCase()
+                        : token.symbol;
+                    if (tokenSymbol === 'usdc') {
+                        usdcCount += 1;
+                    }
+                    else if (tokenSymbol === 'usdt') {
+                        usdtCount += 1;
+                    }
+                    else if (tokenSymbol === 'eth') {
+                        ethCount += 1;
+                    }
+                });
+            }
+            onAnalyticEvent?.(openChange
+                ? EventNames.SWAP_START_TOKEN_SELECT
+                : EventNames.SWAP_EXIT_TOKEN_SELECT, {
+                direction: context === 'from' ? 'input' : 'output',
+                ...(!openChange && {
+                    balanceData: {
+                        tokenCount,
+                        usdcCount,
+                        usdtCount,
+                        ethCount,
+                        balanceAddress: address
+                    }
+                })
+            });
+        }
+        catch (error) {
+            console.error(error);
+        }
+        if (openChange) {
+            // Set the initial chain filter before opening the modal
+            const chainFilter = getInitialChainFilter(chainFilterOptions, context, depositAddressOnly, token);
+            setChainFilter(chainFilter);
+        }
+        setOpen(openChange);
+    }, [
+        tokenBalances,
+        isLoadingBalances,
+        context,
+        address,
+        onAnalyticEvent,
+        setOpen,
+        chainFilterOptions,
+        depositAddressOnly,
+        token
+    ]);
+    const handleTokenSelection = useCallback((selectedToken) => {
+        const isVerified = selectedToken.verified;
+        const direction = context === 'from' ? 'input' : 'output';
+        let position = undefined;
+        // Track position for search results
+        if (debouncedTokenSearchValue.length > 0) {
+            position = sortedCombinedTokens.findIndex((token) => token.chainId === selectedToken.chainId &&
+                token.address?.toLowerCase() ===
+                    selectedToken.address?.toLowerCase());
+        }
+        if (!isVerified) {
+            const relayUiKitData = getRelayUiKitData();
+            const tokenKey = `${selectedToken.chainId}:${selectedToken.address}`;
+            const isAlreadyAccepted = relayUiKitData.acceptedUnverifiedTokens.includes(tokenKey);
+            if (isAlreadyAccepted) {
+                onAnalyticEvent?.(EventNames.SWAP_TOKEN_SELECT, {
+                    direction,
+                    token_symbol: selectedToken.symbol,
+                    chain_id: selectedToken.chainId,
+                    token_address: selectedToken.address,
+                    search_term: debouncedTokenSearchValue,
+                    position
+                });
+                setToken(selectedToken);
+            }
+            else {
+                setUnverifiedToken(selectedToken);
+                setUnverifiedTokenModalOpen(true);
+                return;
+            }
+        }
+        else {
+            onAnalyticEvent?.(EventNames.SWAP_TOKEN_SELECT, {
+                direction,
+                token_symbol: selectedToken.symbol,
+                chain_id: selectedToken.chainId,
+                token_address: selectedToken.address,
+                search_term: debouncedTokenSearchValue,
+                position
+            });
+            setToken(selectedToken);
+        }
+        onOpenChange(false);
+    }, [
+        setToken,
+        onOpenChange,
+        resetState,
+        context,
+        onAnalyticEvent,
+        debouncedTokenSearchValue,
+        sortedCombinedTokens
+    ]);
+    useEffect(() => {
+        if (!open) {
+            resetState();
+        }
+    }, [open]);
+    // Focus input element when modal opens
+    useEffect(() => {
+        if (open && inputElement && isDesktop) {
+            inputElement.focus();
+        }
+    }, [open, inputElement]);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { style: { position: 'relative' }, children: _jsx(Modal, { open: open, onOpenChange: onOpenChange, showCloseButton: true, trigger: trigger, css: {
+                        p: '4',
+                        display: 'flex',
+                        flexDirection: 'column',
+                        height: 'min(85vh, 600px)',
+                        '@media(min-width: 660px)': {
+                            minWidth: isDesktop
+                                ? hasMultipleConfiguredChainIds
+                                    ? 660
+                                    : 408
+                                : 400,
+                            maxWidth: isDesktop && hasMultipleConfiguredChainIds ? 660 : 408
+                        }
+                    }, children: _jsxs(Flex, { direction: "column", css: {
+                            width: '100%',
+                            height: '100%',
+                            gap: '3',
+                            overflowY: 'hidden'
+                        }, children: [_jsx(Text, { style: "h6", children: "Select Token" }), _jsxs(Flex, { css: { flex: 1, gap: '3', overflow: 'hidden' }, children: [isDesktop &&
+                                        (!configuredChainIds || hasMultipleConfiguredChainIds) ? (_jsx(ChainFilterSidebar, { options: allChains, value: chainFilter, isOpen: open, onSelect: setChainFilter, onAnalyticEvent: onAnalyticEvent, onInputRef: setChainSearchInputElement, tokenSearchInputRef: tokenSearchInputElement, popularChainIds: popularChainIds, context: context })) : null, _jsxs(AccessibleList, { onSelect: (value) => {
+                                            if (value === 'input')
+                                                return;
+                                            const [chainId, ...addressParts] = value.split(':');
+                                            const address = addressParts.join(':');
+                                            const allTokens = [
+                                                ...sortedUserTokens,
+                                                ...sortedCombinedTokens,
+                                                ...sortedTrendingTokens
+                                            ];
+                                            const selectedToken = allTokens.find((token) => token.chainId === Number(chainId) &&
+                                                token.address?.toLowerCase() === address?.toLowerCase());
+                                            if (selectedToken) {
+                                                handleTokenSelection(selectedToken);
+                                            }
+                                        }, css: {
+                                            display: 'flex',
+                                            flexDirection: 'column',
+                                            width: '100%',
+                                            minWidth: 0,
+                                            height: '100%'
+                                        }, children: [_jsxs(Flex, { direction: "column", align: "start", css: {
+                                                    width: '100%',
+                                                    gap: '2',
+                                                    background: 'modal-background'
+                                                }, children: [_jsx(AccessibleListItem, { value: "input", asChild: true, children: _jsx(Input, { ref: setTokenSearchInputElement, placeholder: "Search for a token or paste address", icon: _jsx(Box, { css: { color: 'gray9' }, children: _jsx(FontAwesomeIcon, { icon: faMagnifyingGlass, width: 16, height: 16 }) }), containerCss: {
+                                                                width: '100%',
+                                                                height: 40,
+                                                                mb: isDesktop ? '1' : '0'
+                                                            }, css: {
+                                                                width: '100%',
+                                                                _placeholder_parent: {
+                                                                    textOverflow: 'ellipsis'
+                                                                }
+                                                            }, value: tokenSearchInput, onChange: (e) => {
+                                                                const value = e.target.value;
+                                                                setTokenSearchInput(value);
+                                                                if (isValidAddressUtil(chainFilter.vmType, value)) {
+                                                                    onAnalyticEvent?.(EventNames.TOKEN_SELECTOR_CONTRACT_SEARCH, {
+                                                                        search_term: value,
+                                                                        chain_filter: chainFilter.id
+                                                                    });
+                                                                }
+                                                            } }) }), !isDesktop &&
+                                                        (!configuredChainIds || hasMultipleConfiguredChainIds) ? (_jsx(ChainFilter, { options: allChains, value: chainFilter, onSelect: setChainFilter, popularChainIds: popularChainIds })) : null] }), _jsxs(Flex, { direction: "column", css: {
+                                                    flex: 1,
+                                                    overflowY: 'auto',
+                                                    gap: '3',
+                                                    pt: '2',
+                                                    scrollbarColor: 'var(--relay-colors-gray5) transparent'
+                                                }, children: [chainFilter.id &&
+                                                        tokenSearchInput.length === 0 &&
+                                                        !depositAddressOnly ? (_jsx(SuggestedTokens, { chainId: chainFilter.id, depositAddressOnly: depositAddressOnly, onSelect: (token) => {
+                                                            handleTokenSelection(token);
+                                                        } })) : null, tokenSearchInput.length > 0 ? (_jsx(TokenList, { title: "Results", tokens: sortedCombinedTokens, isLoading: isLoadingTokenList ||
+                                                            tokenSearchInput !== debouncedTokenSearchValue, isLoadingBalances: isLoadingBalances, chainFilterId: chainFilter.id })) : (_jsx(Flex, { direction: "column", css: { gap: '3' }, children: [
+                                                            {
+                                                                title: 'Your Tokens',
+                                                                tokens: sortedUserTokens,
+                                                                isLoading: isLoadingUserTokens,
+                                                                show: sortedUserTokens.length > 0
+                                                            },
+                                                            {
+                                                                title: 'Global 24H Volume',
+                                                                tokens: sortedCombinedTokens,
+                                                                isLoading: isLoadingTokenList,
+                                                                show: true
+                                                            },
+                                                            {
+                                                                title: 'Relay 24H Volume',
+                                                                tokens: sortedTrendingTokens,
+                                                                isLoading: isLoadingTrendingTokens,
+                                                                show: context === 'to' && chainFilter.id === undefined,
+                                                                showMoreButton: true
+                                                            }
+                                                        ]
+                                                            .sort((a, b) => (context === 'to' ? -1 : 1)) // Reverse order depending on context
+                                                            .map(({ title, tokens, isLoading, show, showMoreButton }) => show && (_jsx(TokenList, { title: title, tokens: tokens, isLoading: isLoading, isLoadingBalances: isLoadingBalances, chainFilterId: chainFilter.id, showMoreButton: showMoreButton }, title))) })), !isLoadingTokenList &&
+                                                        !isLoadingExternalList &&
+                                                        tokenList?.length === 0 &&
+                                                        externalTokenList?.length === 0 ? (_jsxs(Flex, { direction: "column", align: "center", css: { py: '5', maxWidth: 312, alignSelf: 'center' }, children: [!chainFilter?.id && isSearchTermValidAddress && (_jsx(Box, { css: { color: 'gray8', mb: '2' }, children: _jsx(FontAwesomeIcon, { icon: faFolderOpen, size: "xl", width: 27, height: 24 }) })), _jsx(Text, { color: "subtle", style: "body2", css: { textAlign: 'center' }, children: !chainFilter?.id && isSearchTermValidAddress
+                                                                    ? 'No results. Switch to the desired chain to search by contract.'
+                                                                    : 'No results.' })] })) : null] }, chainFilter.id ?? 'all')] })] })] }) }) }), unverifiedTokenModalOpen && (_jsx(UnverifiedTokenModal, { open: unverifiedTokenModalOpen, onOpenChange: setUnverifiedTokenModalOpen, data: unverifiedToken ? { token: unverifiedToken } : undefined, onAcceptToken: (token) => {
+                    if (token) {
+                        handleTokenSelection(token);
+                    }
+                    setUnverifiedTokenModalOpen(false);
+                } }))] }));
+};
+export default TokenSelector;
+//# sourceMappingURL=TokenSelector.js.map

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

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

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

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Flex, Text, Box, ChainTokenIcon } from '../../../primitives/index.js';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faChevronRight } from '@fortawesome/free-solid-svg-icons';
+import useRelayClient from '../../../../hooks/useRelayClient.js';
+export const TokenTrigger = ({ token, locked, isSingleChainLocked, address }) => {
+    const relayClient = useRelayClient();
+    const chain = relayClient?.chains?.find((chain) => chain.id === token?.chainId);
+    return token ? (_jsxs(Button, { color: "white", corners: "pill", disabled: locked, css: {
+            height: 50,
+            minHeight: 50,
+            width: 'max-content',
+            flexShrink: 0,
+            overflow: 'hidden',
+            px: '3',
+            py: '2',
+            backgroundColor: 'widget-selector-background',
+            border: 'none',
+            _hover: {
+                backgroundColor: 'widget-selector-hover-background'
+            },
+            _disabled: {
+                backgroundColor: 'widget-selector-background'
+            }
+        }, children: [_jsxs(Flex, { align: "center", css: { gap: '2' }, children: [_jsx(ChainTokenIcon, { chainId: token.chainId, tokenlogoURI: token.logoURI, tokenSymbol: token.symbol, css: { width: 32, height: 32 } }), _jsxs(Flex, { direction: "column", align: "start", css: { maxWidth: 100, minWidth: 60 }, children: [_jsx(Text, { style: "h6", ellipsify: true, css: { maxWidth: '100%' }, children: token.symbol }), _jsx(Text, { style: "subtitle3", ellipsify: true, color: "subtle", css: { lineHeight: '15px', maxWidth: '100%' }, children: chain?.displayName })] })] }), locked ? null : (_jsx(Box, { css: { color: 'gray11', width: 14, flexShrink: 0 }, children: _jsx(FontAwesomeIcon, { icon: faChevronRight, width: 14 }) }))] })) : (_jsxs(Button, { color: address ? 'primary' : 'secondary', corners: "pill", css: {
+            height: 50,
+            minHeight: 50,
+            width: 'max-content',
+            flexShrink: 0,
+            overflow: 'hidden',
+            px: '3',
+            py: '2',
+            fontWeight: 700,
+            fontSize: '16px'
+        }, children: ["Select Token", _jsx(Box, { css: { width: 14 }, children: _jsx(FontAwesomeIcon, { icon: faChevronRight, width: 14 }) })] }));
+};
+//# sourceMappingURL=TokenTrigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TokenTrigger.js","sourceRoot":"","sources":["../../../../../../src/components/common/TokenSelector/triggers/TokenTrigger.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,cAAc,EACf,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAClE,OAAO,cAAc,MAAM,qCAAqC,CAAA;AAShE,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAClD,KAAK,EACL,MAAM,EACN,mBAAmB,EACnB,OAAO,EACR,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,KAAK,GAAG,WAAW,EAAE,MAAM,EAAE,IAAI,CACrC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,KAAK,EAAE,OAAO,CACvC,CAAA;IACD,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,MAAC,MAAM,IACL,KAAK,EAAC,OAAO,EACb,OAAO,EAAC,MAAM,EACd,QAAQ,EAAE,MAAM,EAChB,GAAG,EAAE;YACH,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,EAAE;YACb,KAAK,EAAE,aAAa;YACpB,UAAU,EAAE,CAAC;YACb,QAAQ,EAAE,QAAQ;YAClB,EAAE,EAAE,GAAG;YACP,EAAE,EAAE,GAAG;YACP,eAAe,EAAE,4BAA4B;YAC7C,MAAM,EAAE,MAAM;YACd,MAAM,EAAE;gBACN,eAAe,EAAE,kCAAkC;aACpD;YACD,SAAS,EAAE;gBACT,eAAe,EAAE,4BAA4B;aAC9C;SACF,aAED,MAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,aACpC,KAAC,cAAc,IACb,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,YAAY,EAAE,KAAK,CAAC,OAAO,EAC3B,WAAW,EAAE,KAAK,CAAC,MAAM,EACzB,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAC9B,EACF,MAAC,IAAI,IACH,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAC,OAAO,EACb,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,aAEpC,KAAC,IAAI,IAAC,KAAK,EAAC,IAAI,EAAC,SAAS,QAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,YACjD,KAAK,CAAC,MAAM,GACR,EACP,KAAC,IAAI,IACH,KAAK,EAAC,WAAW,EACjB,SAAS,QACT,KAAK,EAAC,QAAQ,EACd,GAAG,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,YAE5C,KAAK,EAAE,WAAW,GACd,IACF,IACF,EACN,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACf,KAAC,GAAG,IAAC,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,YACrD,KAAC,eAAe,IAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,GAAI,GAChD,CACP,IACM,CACV,CAAC,CAAC,CAAC,CACF,MAAC,MAAM,IACL,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EACxC,OAAO,EAAC,MAAM,EACd,GAAG,EAAE;YACH,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,EAAE;YACb,KAAK,EAAE,aAAa;YACpB,UAAU,EAAE,CAAC;YACb,QAAQ,EAAE,QAAQ;YAClB,EAAE,EAAE,GAAG;YACP,EAAE,EAAE,GAAG;YACP,UAAU,EAAE,GAAG;YACf,QAAQ,EAAE,MAAM;SACjB,6BAGD,KAAC,GAAG,IAAC,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,YACrB,KAAC,eAAe,IAAC,IAAI,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,GAAI,GAChD,IACC,CACV,CAAA;AACH,CAAC,CAAA"}