@relayprotocol/relay-kit-ui 5.1.2 → 6.0.0

package/_cjs/src/components/common/TokenSelector/PaymentMethod.js

@@ -0,0 +1,456 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const index_js_1 = require("../../primitives/index.js");
+const Modal_js_1 = require("../Modal.js");
+const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+const useRelayClient_js_1 = tslib_1.__importDefault(require("../../../hooks/useRelayClient.js"));
+const index_js_2 = require("../../../hooks/index.js");
+const useMultiWalletBalances_js_1 = require("../../../hooks/useMultiWalletBalances.js");
+const usehooks_ts_1 = require("usehooks-ts");
+const relay_kit_hooks_1 = require("@relayprotocol/relay-kit-hooks");
+const events_js_1 = require("../../../constants/events.js");
+const UnverifiedTokenModal_js_1 = require("../UnverifiedTokenModal.js");
+const useEnhancedTokensList_js_1 = require("../../../hooks/useEnhancedTokensList.js");
+const TokenList_js_1 = require("./TokenList.js");
+const depositAddresses_js_1 = require("../../../constants/depositAddresses.js");
+const localStorage_js_1 = require("../../../utils/localStorage.js");
+const address_js_1 = require("../../../utils/address.js");
+const AccessibleList_js_1 = require("../../primitives/AccessibleList.js");
+const solana_js_1 = require("../../../utils/solana.js");
+const bitcoin_js_1 = require("../../../utils/bitcoin.js");
+const SuggestedTokens_js_1 = require("./SuggestedTokens.js");
+const tokens_js_1 = require("../../../utils/tokens.js");
+const tokenSelector_js_1 = require("../../../utils/tokenSelector.js");
+const index_js_3 = require("../../../hooks/index.js");
+const relay_kit_hooks_2 = require("@relayprotocol/relay-kit-hooks");
+const localStorage_js_2 = require("../../../utils/localStorage.js");
+const PaymentTokenList_js_1 = require("./PaymentTokenList.js");
+const CompactChainFilter_js_1 = require("./CompactChainFilter.js");
+const PaymentMethod = ({ token, trigger, chainIdsFilter, lockedChainIds, context, address, isValidAddress, multiWalletSupportEnabled = false, fromChainWalletVMSupported, supportedWalletVMs, popularChainIds, setToken, onAnalyticEvent, autoSelectToken = false }) => {
+    const relayClient = (0, useRelayClient_js_1.default)();
+    const { chains: allRelayChains } = (0, index_js_3.useInternalRelayChains)();
+    const isDesktop = (0, usehooks_ts_1.useMediaQuery)('(min-width: 660px)');
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const [unverifiedTokenModalOpen, setUnverifiedTokenModalOpen] = (0, react_1.useState)(false);
+    const [unverifiedToken, setUnverifiedToken] = (0, react_1.useState)();
+    const [chainFilter, setChainFilter] = (0, react_1.useState)({
+        id: undefined,
+        name: 'All Chains'
+    });
+    const [starredChainIds, setStarredChainIds] = (0, react_1.useState)(() => (0, localStorage_js_2.getStarredChainIds)());
+    const { value: tokenSearchInput, debouncedValue: debouncedTokenSearchValue, setValue: setTokenSearchInput } = (0, index_js_2.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';
+    const configuredChains = (0, react_1.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 }) => !depositAddresses_js_1.UnsupportedDepositAddressChainIds.includes(id));
+        }
+        return (0, tokenSelector_js_1.sortChains)(chains);
+    }, [
+        allRelayChains,
+        relayClient?.chains,
+        multiWalletSupportEnabled,
+        context,
+        depositAddressOnly
+    ]);
+    const configuredChainIds = (0, react_1.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_js_1.solana.id ||
+            chain.id === solana_js_1.eclipse.id ||
+            chain.id === bitcoin_js_1.bitcoin.id) &&
+            configuredChainIds.includes(chain.id))
+        : configuredChains?.filter((chain) => configuredChainIds.includes(chain.id));
+    const allChains = (0, react_1.useMemo)(() => [
+        ...(isReceivingDepositAddress
+            ? []
+            : [{ id: undefined, name: 'All Chains' }]),
+        ...chainFilterOptions
+    ], [isReceivingDepositAddress, chainFilterOptions]);
+    const useDefaultTokenList = debouncedTokenSearchValue === '';
+    const { balanceMap: tokenBalances, data: duneTokens, isLoading: isLoadingBalances } = (0, useMultiWalletBalances_js_1.useMultiWalletBalances)(undefined, address, isValidAddress, relayClient?.baseApiUrl?.includes('testnet') ? 'testnet' : 'mainnet');
+    const filteredDuneTokenBalances = (0, react_1.useMemo)(() => {
+        return duneTokens?.balances?.filter((balance) => configuredChainIds.includes(balance.chain_id));
+    }, [duneTokens?.balances, configuredChainIds]);
+    const userTokensQuery = (0, react_1.useMemo)(() => {
+        if (filteredDuneTokenBalances && filteredDuneTokenBalances.length > 0) {
+            return filteredDuneTokenBalances.map((balance) => `${balance.chain_id}:${balance.address}`);
+        }
+        return undefined;
+    }, [filteredDuneTokenBalances]);
+    const { data: userTokens, isLoading: isLoadingUserTokens } = (0, relay_kit_hooks_1.useTokenList)(relayClient?.baseApiUrl, userTokensQuery
+        ? {
+            tokens: userTokensQuery,
+            limit: 100,
+            depositAddressOnly,
+            referrer: relayClient?.source
+        }
+        : undefined, {
+        enabled: !!filteredDuneTokenBalances
+    });
+    const isSearchTermValidAddress = (0, address_js_1.isValidAddress)(chainFilter.vmType, debouncedTokenSearchValue, chainFilter.id);
+    const { data: trendingTokens, isLoading: isLoadingTrendingTokens } = (0, relay_kit_hooks_2.useTrendingCurrencies)(relayClient?.baseApiUrl, {
+        referrer: relayClient?.source
+    }, {
+        enabled: context === 'to'
+    });
+    const { data: tokenList, isLoading: isLoadingTokenList } = (0, relay_kit_hooks_1.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
+    });
+    const { data: externalTokenList, isLoading: isLoadingExternalList } = (0, relay_kit_hooks_1.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
+    });
+    const combinedTokenList = (0, react_1.useMemo)(() => {
+        if (!debouncedTokenSearchValue)
+            return tokenList;
+        return (0, tokens_js_1.mergeTokenLists)([tokenList, externalTokenList]);
+    }, [tokenList, externalTokenList, debouncedTokenSearchValue]);
+    const sortedUserTokens = (0, useEnhancedTokensList_js_1.useEnhancedTokensList)(userTokens, tokenBalances, context, multiWalletSupportEnabled, chainFilter.id, true);
+    const sortedTrendingTokens = (0, useEnhancedTokensList_js_1.useEnhancedTokensList)(trendingTokens, tokenBalances, 'to', multiWalletSupportEnabled, undefined, false);
+    const sortedCombinedTokens = (0, useEnhancedTokensList_js_1.useEnhancedTokensList)(combinedTokenList, tokenBalances, context, multiWalletSupportEnabled, chainFilter.id, false);
+    const [chainSearchInputElement, setChainSearchInputElement] = (0, react_1.useState)(null);
+    const [tokenSearchInputElement, setTokenSearchInputElement] = (0, react_1.useState)(null);
+    const inputElement = hasMultipleConfiguredChainIds
+        ? chainSearchInputElement
+        : tokenSearchInputElement;
+    const handleChainStarToggle = (0, react_1.useCallback)(() => {
+        setStarredChainIds((0, localStorage_js_2.getStarredChainIds)());
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (!autoSelectToken) {
+            return;
+        }
+        if (address &&
+            isValidAddress &&
+            !token &&
+            sortedUserTokens &&
+            sortedUserTokens.length > 0) {
+            const topToken = sortedUserTokens[0];
+            setToken(topToken);
+        }
+    }, [
+        address,
+        isValidAddress,
+        token,
+        sortedUserTokens,
+        setToken,
+        autoSelectToken
+    ]);
+    (0, react_1.useEffect)(() => {
+        if (open) {
+            setStarredChainIds((0, localStorage_js_2.getStarredChainIds)());
+        }
+    }, [open]);
+    const resetState = (0, react_1.useCallback)(() => {
+        setTokenSearchInput('');
+        setChainSearchInputElement(null);
+        setTokenSearchInputElement(null);
+    }, []);
+    const onOpenChange = (0, react_1.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
+                ? events_js_1.EventNames.SWAP_START_TOKEN_SELECT
+                : events_js_1.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) {
+            const chainFilter = (0, tokenSelector_js_1.getInitialChainFilter)(chainFilterOptions, context, depositAddressOnly, token, true);
+            setChainFilter(chainFilter);
+        }
+        setOpen(openChange);
+    }, [
+        tokenBalances,
+        isLoadingBalances,
+        context,
+        address,
+        onAnalyticEvent,
+        setOpen,
+        chainFilterOptions,
+        depositAddressOnly,
+        token
+    ]);
+    const handleTokenSelection = (0, react_1.useCallback)((selectedToken) => {
+        const isVerified = selectedToken.verified;
+        const direction = context === 'from' ? 'input' : 'output';
+        let position = undefined;
+        if (debouncedTokenSearchValue.length > 0) {
+            position = sortedCombinedTokens.findIndex((token) => token.chainId === selectedToken.chainId &&
+                token.address?.toLowerCase() ===
+                    selectedToken.address?.toLowerCase());
+        }
+        if (!isVerified) {
+            const relayUiKitData = (0, localStorage_js_1.getRelayUiKitData)();
+            const tokenKey = `${selectedToken.chainId}:${selectedToken.address}`;
+            const isAlreadyAccepted = relayUiKitData.acceptedUnverifiedTokens.includes(tokenKey);
+            if (isAlreadyAccepted) {
+                onAnalyticEvent?.(events_js_1.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?.(events_js_1.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
+    ]);
+    (0, react_1.useEffect)(() => {
+        if (!open) {
+            resetState();
+        }
+    }, [open]);
+    (0, react_1.useEffect)(() => {
+        if (open && inputElement && isDesktop) {
+            inputElement.focus();
+        }
+    }, [open, inputElement]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: { position: 'relative' }, children: (0, jsx_runtime_1.jsx)(Modal_js_1.Modal, { open: open, onOpenChange: onOpenChange, showCloseButton: false, trigger: trigger, css: {
+                        p: '4',
+                        display: 'flex',
+                        flexDirection: 'column',
+                        height: 'min(85vh, 540px)',
+                        width: 'min(400px, 100vw)',
+                        maxWidth: 'min(400px, 100vw)',
+                        minWidth: 0,
+                        boxSizing: 'border-box'
+                    }, children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", css: {
+                            width: '100%',
+                            height: '100%',
+                            gap: '3',
+                            overflowY: 'hidden',
+                            minWidth: 0,
+                            maxWidth: '100%'
+                        }, children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { gap: '1' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "ghost", size: "none", onClick: () => onOpenChange(false), css: {
+                                            p: '1',
+                                            minWidth: 'auto',
+                                            color: 'gray9',
+                                            cursor: 'pointer',
+                                            borderRadius: 8,
+                                            '--focusColor': 'colors.focus-color',
+                                            _focusVisible: {
+                                                boxShadow: 'inset 0 0 0 2px var(--focusColor)'
+                                            }
+                                        }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faChevronLeft, width: 20, height: 20 }) }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", children: context === 'from' ? 'Pay with' : 'Sell to' })] }), (0, jsx_runtime_1.jsx)(index_js_1.Flex, { css: {
+                                    flex: 1,
+                                    gap: '3',
+                                    overflow: 'hidden',
+                                    minWidth: 0,
+                                    maxWidth: '100%'
+                                }, children: (0, jsx_runtime_1.jsxs)(AccessibleList_js_1.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,
+                                        maxWidth: '100%',
+                                        height: '100%'
+                                    }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Flex, { direction: "column", align: "start", css: {
+                                                width: '100%',
+                                                gap: '2',
+                                                background: 'modal-background',
+                                                minWidth: 0,
+                                                maxWidth: '100%'
+                                            }, children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: {
+                                                    width: '100%',
+                                                    gap: '2',
+                                                    minWidth: 0,
+                                                    alignItems: 'center',
+                                                    height: 40
+                                                }, children: [(0, jsx_runtime_1.jsx)(AccessibleList_js_1.AccessibleListItem, { value: "input", asChild: true, css: {
+                                                            flex: 1,
+                                                            minWidth: 0,
+                                                            display: 'flex',
+                                                            alignItems: 'center'
+                                                        }, children: (0, jsx_runtime_1.jsx)(index_js_1.Input, { ref: setTokenSearchInputElement, placeholder: "Search for a token", icon: (0, jsx_runtime_1.jsx)(index_js_1.Box, { css: { color: 'gray9' }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faMagnifyingGlass, width: 16, height: 16 }) }), containerCss: {
+                                                                width: '100%',
+                                                                height: 40
+                                                            }, css: {
+                                                                width: '100%',
+                                                                _placeholder_parent: {
+                                                                    textOverflow: 'ellipsis'
+                                                                }
+                                                            }, onChange: (e) => {
+                                                                const value = e.target.value;
+                                                                setTokenSearchInput(value);
+                                                                if ((0, address_js_1.isValidAddress)(chainFilter.vmType, value)) {
+                                                                    onAnalyticEvent?.(events_js_1.EventNames.TOKEN_SELECTOR_CONTRACT_SEARCH, {
+                                                                        search_term: value,
+                                                                        chain_filter: chainFilter.id
+                                                                    });
+                                                                }
+                                                            } }) }), (!configuredChainIds || hasMultipleConfiguredChainIds) && ((0, jsx_runtime_1.jsx)(CompactChainFilter_js_1.CompactChainFilter, { options: allChains, value: chainFilter, onSelect: setChainFilter, popularChainIds: popularChainIds, onChainStarToggle: handleChainStarToggle, starredChainIds: starredChainIds, onAnalyticEvent: onAnalyticEvent }))] }) }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", css: {
+                                                flex: 1,
+                                                overflowY: 'auto',
+                                                gap: '3',
+                                                pt: '2',
+                                                scrollbarColor: 'var(--relay-colors-gray5) transparent',
+                                                minWidth: 0,
+                                                maxWidth: '100%'
+                                            }, children: [chainFilter.id &&
+                                                    tokenSearchInput.length === 0 &&
+                                                    !depositAddressOnly ? ((0, jsx_runtime_1.jsx)(SuggestedTokens_js_1.SuggestedTokens, { chainId: chainFilter.id, depositAddressOnly: depositAddressOnly, onSelect: (token) => {
+                                                        handleTokenSelection(token);
+                                                    } })) : null, tokenSearchInput.length > 0 ? ((0, jsx_runtime_1.jsx)(TokenList_js_1.TokenList, { title: "Results", tokens: sortedCombinedTokens, isLoading: isLoadingTokenList ||
+                                                        tokenSearchInput !== debouncedTokenSearchValue, isLoadingBalances: isLoadingBalances, chainFilterId: chainFilter.id })) : chainFilter.id ? ((0, jsx_runtime_1.jsx)(TokenList_js_1.TokenList, { title: "Tokens", tokens: sortedCombinedTokens, isLoading: isLoadingTokenList, isLoadingBalances: isLoadingBalances, chainFilterId: chainFilter.id })) : ((0, jsx_runtime_1.jsx)(index_js_1.Flex, { direction: "column", css: { gap: '3' }, children: (() => {
+                                                        const hasValidAddress = Boolean(address && isValidAddress);
+                                                        const hasLoadedBalanceData = Boolean(duneTokens);
+                                                        const userTokensReady = !isLoadingUserTokens;
+                                                        const isWaitingForBalanceData = hasValidAddress &&
+                                                            (isLoadingBalances || isLoadingUserTokens) &&
+                                                            (!hasLoadedBalanceData || !userTokensReady);
+                                                        if (isWaitingForBalanceData) {
+                                                            return ((0, jsx_runtime_1.jsx)(PaymentTokenList_js_1.PaymentTokenList, { title: "Recommended", tokens: [], isLoading: true, isLoadingBalances: false, chainFilterId: chainFilter.id, limit: 10 }));
+                                                        }
+                                                        if (hasValidAddress &&
+                                                            hasLoadedBalanceData &&
+                                                            userTokensReady) {
+                                                            const tokensWithValue = sortedUserTokens.filter((token) => token.balance?.value_usd &&
+                                                                token.balance.value_usd > 0);
+                                                            if (tokensWithValue.length > 0) {
+                                                                const shouldShowBalanceLoading = isLoadingBalances && hasValidAddress;
+                                                                return ((0, jsx_runtime_1.jsx)(PaymentTokenList_js_1.PaymentTokenList, { title: "Recommended", tokens: tokensWithValue, isLoading: false, isLoadingBalances: shouldShowBalanceLoading, chainFilterId: chainFilter.id, limit: tokensWithValue.length }));
+                                                            }
+                                                        }
+                                                        const fallbackTokens = context === 'to' && sortedTrendingTokens.length > 0
+                                                            ? sortedTrendingTokens
+                                                            : sortedCombinedTokens;
+                                                        const isTrendingTokens = context === 'to' && sortedTrendingTokens.length > 0;
+                                                        const shouldShowBalanceLoading = isLoadingBalances && hasValidAddress;
+                                                        return ((0, jsx_runtime_1.jsx)(PaymentTokenList_js_1.PaymentTokenList, { title: isTrendingTokens ? 'Global 24h' : 'Tokens', tokens: fallbackTokens.slice(0, 10), isLoading: context === 'to'
+                                                                ? isLoadingTrendingTokens
+                                                                : isLoadingTokenList, isLoadingBalances: shouldShowBalanceLoading, chainFilterId: chainFilter.id, limit: 10 }));
+                                                    })() })), !isLoadingTokenList &&
+                                                    !isLoadingExternalList &&
+                                                    tokenList?.length === 0 &&
+                                                    externalTokenList?.length === 0 ? ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", align: "center", css: { py: '5', maxWidth: 312, alignSelf: 'center' }, children: [!chainFilter?.id && isSearchTermValidAddress && ((0, jsx_runtime_1.jsx)(index_js_1.Box, { css: { color: 'gray8', mb: '2' }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faFolderOpen, size: "xl", width: 27, height: 24 }) })), (0, jsx_runtime_1.jsx)(index_js_1.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 && ((0, jsx_runtime_1.jsx)(UnverifiedTokenModal_js_1.UnverifiedTokenModal, { open: unverifiedTokenModalOpen, onOpenChange: setUnverifiedTokenModalOpen, data: unverifiedToken ? { token: unverifiedToken } : undefined, onAcceptToken: (token) => {
+                    if (token) {
+                        handleTokenSelection(token);
+                    }
+                    setUnverifiedTokenModalOpen(false);
+                } }))] }));
+};
+exports.default = PaymentMethod;
+//# sourceMappingURL=PaymentMethod.js.map

package/_cjs/src/components/common/TokenSelector/PaymentMethod.js.map

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

package/_cjs/src/components/common/TokenSelector/PaymentTokenList.js

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaymentTokenList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const index_js_1 = require("../../primitives/index.js");
+const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+const numbers_js_1 = require("../../../utils/numbers.js");
+const PaymentTokenList = ({ title, tokens: rawTokens, isLoading, isLoadingBalances, chainFilterId, showMoreButton, limit = 5, opacity = 1 }) => {
+    const [tokensExpanded, setTokensExpanded] = (0, react_1.useState)(false);
+    const tokens = showMoreButton && rawTokens && rawTokens.length > limit && !tokensExpanded
+        ? rawTokens.slice(0, limit)
+        : rawTokens.slice(0, limit);
+    if (isLoading) {
+        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: Array.from({ length: 10 }).map((_, index) => ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { gap: '2', p: '2', width: '100%' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Skeleton, { css: {
+                            width: 40,
+                            height: 40,
+                            borderRadius: '50%',
+                            flexShrink: 0
+                        } }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", css: { gap: '2px', flexGrow: 1 }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Skeleton, { css: { width: '60%', height: 16 } }), (0, jsx_runtime_1.jsx)(index_js_1.Skeleton, { css: { width: '40%', height: 16 } })] })] }, index))) }));
+    }
+    if (tokens.length > 0)
+        return ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", css: { gap: '1', width: '100%' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.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 ((0, jsx_runtime_1.jsx)(index_js_1.AccessibleListItem, { value: value, asChild: true, children: (0, jsx_runtime_1.jsxs)(index_js_1.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',
+                                opacity
+                            }, children: [(0, jsx_runtime_1.jsx)(index_js_1.ChainTokenIcon, { chainId: token.chainId, tokenlogoURI: token.logoURI, tokenSymbol: token.symbol, size: "lg" }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", align: "start", css: { gap: '2px', maxWidth: '100%', minWidth: 0 }, children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { gap: '1', maxWidth: '100%' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "h6", ellipsify: true, css: {
+                                                        gap: '1',
+                                                        alignItems: 'center'
+                                                    }, children: token.symbol }), token.isGasCurrency && chainFilterId && ((0, jsx_runtime_1.jsx)(index_js_1.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" }))] }), (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { gap: '1', maxWidth: '100%' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", color: "subtle", ellipsify: true, children: token.chain?.displayName ||
+                                                        token.chain?.name ||
+                                                        'Unknown Chain' }), !token.verified ? ((0, jsx_runtime_1.jsx)(index_js_1.Box, { css: { color: 'gray8' }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faExclamationTriangle, width: 14, height: 14 }) })) : null] })] }), (token.balance || isLoadingBalances) && ((0, jsx_runtime_1.jsx)(index_js_1.Flex, { direction: "column", align: "end", css: { gap: '2px', ml: 'auto', flexShrink: 0 }, children: isLoadingBalances ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_js_1.Skeleton, { css: { ml: 'auto', width: 60 } }), (0, jsx_runtime_1.jsx)(index_js_1.Skeleton, { css: { ml: 'auto', width: 60 } })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [token.balance?.value_usd &&
+                                                token.balance.value_usd > 0 && ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "h6", children: (0, numbers_js_1.formatDollar)(token.balance?.value_usd) })), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", color: "subtle", children: (0, numbers_js_1.formatBN)(token.balance.amount, 4, token.decimals, compactBalance) })] })) }))] }) }, value));
+                }), showMoreButton && ((0, jsx_runtime_1.jsxs)(index_js_1.Button, { color: "grey", size: "small", corners: "pill", css: { ml: 'auto', minHeight: 24, px: '2', py: '1' }, onClick: () => setTokensExpanded(!tokensExpanded), children: [(0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle3", color: "subtle", children: tokensExpanded ? 'Less' : 'More' }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "body1", css: {
+                                color: 'gray9',
+                                marginLeft: 'auto',
+                                transform: tokensExpanded ? 'rotate(180deg)' : 'rotate(0)',
+                                width: 12
+                            }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faChevronDown }) })] }))] }));
+};
+exports.PaymentTokenList = PaymentTokenList;
+//# sourceMappingURL=PaymentTokenList.js.map

package/_cjs/src/components/common/TokenSelector/PaymentTokenList.js.map

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