@relayprotocol/relay-kit-ui 7.1.6 → 8.0.0

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

@@ -7,26 +7,13 @@ const react_1 = require("react");
 const index_js_1 = require("../../primitives/index.js");
 const Dropdown_js_1 = require("../../primitives/Dropdown.js");
 const react_fontawesome_1 = require("@fortawesome/react-fontawesome");
-const free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
+const faChevronDown_1 = require("@fortawesome/free-solid-svg-icons/faChevronDown");
+const faStar_1 = require("@fortawesome/free-solid-svg-icons/faStar");
 const AllChainsLogo_js_1 = tslib_1.__importDefault(require("../../../img/AllChainsLogo.js"));
 const fuse_js_1 = tslib_1.__importDefault(require("fuse.js"));
 const tokenSelector_js_1 = require("../../../utils/tokenSelector.js");
 const ChainFilterRow_js_1 = require("./ChainFilterRow.js");
-const ChainFilterTrigger = (0, react_1.forwardRef)(({ value, open, ...props }, ref) => ((0, jsx_runtime_1.jsxs)(index_js_1.Button, { ...props, ref: ref, "aria-label": "Chain filter", color: "ghost", size: "none", css: {
-        display: 'flex',
-        alignItems: 'center',
-        gap: '6px',
-        height: 40,
-        px: '12px',
-        cursor: 'pointer',
-        backgroundColor: 'dropdown-background',
-        borderRadius: 'dropdown-border-radius',
-        flexShrink: 0,
-        '--focusColor': 'colors.focus-color',
-        _focusVisible: {
-            boxShadow: 'inset 0 0 0 2px var(--focusColor)'
-        }
-    }, children: [value.id ? ((0, jsx_runtime_1.jsx)(index_js_1.ChainIcon, { chainId: value.id, width: 20, height: 20, css: { borderRadius: 4, overflow: 'hidden' } })) : ((0, jsx_runtime_1.jsx)(AllChainsLogo_js_1.default, { style: { width: 20, height: 20 } })), (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.faChevronDown, width: 12, height: 12, style: {
+const ChainFilterTrigger = (0, react_1.forwardRef)(({ value, open, ...props }, ref) => ((0, jsx_runtime_1.jsxs)(index_js_1.Button, { ...props, ref: ref, "aria-label": "Chain filter", color: "ghost", size: "none", className: "relay:flex relay:items-center relay:gap-[6px] relay:h-[40px] relay:px-[12px] relay:cursor-pointer relay:bg-[var(--relay-colors-dropdown-background)] relay:rounded-dropdown relay:shrink-0 relay:focus-visible:shadow-[inset_0_0_0_2px_var(--relay-colors-focus-color)]", children: [value.id ? ((0, jsx_runtime_1.jsx)(index_js_1.ChainIcon, { chainId: value.id, width: 20, height: 20, className: "relay:rounded-[4px] relay:overflow-hidden" })) : ((0, jsx_runtime_1.jsx)(AllChainsLogo_js_1.default, { style: { width: 20, height: 20 } })), (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "relay:text-[color:var(--relay-colors-gray9)]", children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faChevronDown_1.faChevronDown, width: 12, height: 12, style: {
                     transform: open ? 'rotate(180deg)' : 'rotate(0)',
                     transition: 'transform 0.2s'
                 } }) })] })));
@@ -87,93 +74,35 @@ const CompactChainFilter = ({ options, value, onSelect, popularChainIds, onChain
     return ((0, jsx_runtime_1.jsx)(Dropdown_js_1.Dropdown, { open: open, onOpenChange: (open) => setOpen(open), trigger: (0, jsx_runtime_1.jsx)(ChainFilterTrigger, { value: value, open: open }), contentProps: {
             align: 'end',
             avoidCollisions: false,
-            css: {
-                p: 0,
-                minWidth: '100%',
-                maxWidth: '100%',
-                mx: '0'
-            }
-        }, children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", css: { p: '2' }, "data-chain-dropdown": "true", children: [(0, jsx_runtime_1.jsx)(ChainFilterRow_js_1.ChainSearchInput, { ref: searchInputRef, value: chainSearchInput, onChange: setChainSearchInput, onKeyDown: (event) => {
+            className: 'relay:p-0 relay:min-w-full relay:max-w-full relay:mx-0'
+        }, children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", className: "relay:p-2", "data-chain-dropdown": "true", children: [(0, jsx_runtime_1.jsx)(ChainFilterRow_js_1.ChainSearchInput, { ref: searchInputRef, value: chainSearchInput, onChange: setChainSearchInput, onKeyDown: (event) => {
                         event.stopPropagation();
                         handleSearchKeyDown(event);
-                    } }), (0, jsx_runtime_1.jsx)(index_js_1.Flex, { direction: "column", css: {
-                        overflowY: 'auto',
-                        borderRadius: 8,
-                        maxHeight: 290,
-                        scrollbarColor: 'var(--relay-colors-gray5) transparent'
-                    }, children: filteredChains ? (filteredChains.length > 0 ? (filteredChains.map((chain) => {
+                    } }), (0, jsx_runtime_1.jsx)(index_js_1.Flex, { direction: "column", className: "relay:overflow-y-auto relay:rounded-[8px] relay:max-h-[290px]", style: { scrollbarColor: 'var(--relay-colors-gray5) transparent' }, children: filteredChains ? (filteredChains.length > 0 ? (filteredChains.map((chain) => {
                         const tag = 'tags' in chain ? chain.tags?.[0] : undefined;
                         return ((0, jsx_runtime_1.jsx)(Dropdown_js_1.DropdownMenuItem, { "data-chain-dropdown-item": true, onSelect: () => {
                                 onSelect(chain);
                                 setOpen(false);
                                 setChainSearchInput('');
-                            }, css: {
-                                padding: '8px',
-                                borderRadius: 4,
-                                cursor: 'pointer',
-                                backgroundColor: 'modal-background',
-                                outline: 'none',
-                                _hover: {
-                                    backgroundColor: 'gray3'
-                                },
-                                _focus: {
-                                    backgroundColor: 'gray3'
-                                }
-                            }, children: (0, jsx_runtime_1.jsx)(ChainFilterRow_js_1.ChainFilterRow, { chain: chain, tag: tag, onToggleStar: onChainStarToggle, onAnalyticEvent: onAnalyticEvent }) }, chain.id?.toString() ?? 'all-chains'));
-                    })) : ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "body1", css: { p: '2', textAlign: 'center' }, children: "No results." }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [allChainsOption && ((0, jsx_runtime_1.jsx)(Dropdown_js_1.DropdownMenuItem, { "data-chain-dropdown-item": true, onSelect: () => {
+                            }, className: "relay:p-[8px] relay:rounded-[4px] relay:cursor-pointer relay:bg-[var(--relay-colors-modal-background)] relay:outline-none relay:hover:bg-[var(--relay-colors-gray3)] relay:focus:bg-[var(--relay-colors-gray3)]", children: (0, jsx_runtime_1.jsx)(ChainFilterRow_js_1.ChainFilterRow, { chain: chain, tag: tag, onToggleStar: onChainStarToggle, onAnalyticEvent: onAnalyticEvent }) }, chain.id?.toString() ?? 'all-chains'));
+                    })) : ((0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "body1", className: "relay:p-2 relay:text-center", children: "No results." }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [allChainsOption && ((0, jsx_runtime_1.jsx)(Dropdown_js_1.DropdownMenuItem, { "data-chain-dropdown-item": true, onSelect: () => {
                                     setOpen(false);
                                     onSelect(allChainsOption);
                                     setChainSearchInput('');
-                                }, css: {
-                                    padding: '8px',
-                                    borderRadius: 4,
-                                    cursor: 'pointer',
-                                    backgroundColor: 'modal-background',
-                                    outline: 'none',
-                                    _hover: {
-                                        backgroundColor: 'gray3'
-                                    },
-                                    _focus: {
-                                        backgroundColor: 'gray3'
-                                    }
-                                }, children: (0, jsx_runtime_1.jsx)(ChainFilterRow_js_1.ChainFilterRow, { chain: allChainsOption, onAnalyticEvent: onAnalyticEvent }) })), starredChains.length > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { px: '2', py: '1', gap: '1' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Box, { css: { color: 'primary9' }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faStar, width: 12, height: 12 }) }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "subtle", children: "Starred Chains" })] }), starredChains.map((chain) => {
+                                }, className: "relay:p-[8px] relay:rounded-[4px] relay:cursor-pointer relay:bg-[var(--relay-colors-modal-background)] relay:outline-none relay:hover:bg-[var(--relay-colors-gray3)] relay:focus:bg-[var(--relay-colors-gray3)]", children: (0, jsx_runtime_1.jsx)(ChainFilterRow_js_1.ChainFilterRow, { chain: allChainsOption, onAnalyticEvent: onAnalyticEvent }) })), starredChains.length > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", className: "relay:px-2 relay:py-1 relay:gap-1", children: [(0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "relay:text-[color:var(--relay-colors-primary9)]", children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faStar_1.faStar, width: 12, height: 12 }) }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "subtle", children: "Starred Chains" })] }), starredChains.map((chain) => {
                                         const tag = 'tags' in chain ? chain.tags?.[0] : undefined;
                                         return ((0, jsx_runtime_1.jsx)(Dropdown_js_1.DropdownMenuItem, { "data-chain-dropdown-item": true, onSelect: () => {
                                                 onSelect(chain);
                                                 setOpen(false);
                                                 setChainSearchInput('');
-                                            }, css: {
-                                                padding: '8px',
-                                                borderRadius: 4,
-                                                cursor: 'pointer',
-                                                backgroundColor: 'modal-background',
-                                                outline: 'none',
-                                                _hover: {
-                                                    backgroundColor: 'gray3'
-                                                },
-                                                _focus: {
-                                                    backgroundColor: 'gray3'
-                                                }
-                                            }, children: (0, jsx_runtime_1.jsx)(ChainFilterRow_js_1.ChainFilterRow, { chain: chain, tag: tag, onToggleStar: onChainStarToggle, showStar: false, onAnalyticEvent: onAnalyticEvent }) }, chain.id?.toString() ?? 'all-chains'));
-                                    })] })), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "subtle", css: { px: '2', py: '1' }, children: "Chains A-Z" }), alphabeticalChains.map((chain) => {
+                                            }, className: "relay:p-[8px] relay:rounded-[4px] relay:cursor-pointer relay:bg-[var(--relay-colors-modal-background)] relay:outline-none relay:hover:bg-[var(--relay-colors-gray3)] relay:focus:bg-[var(--relay-colors-gray3)]", children: (0, jsx_runtime_1.jsx)(ChainFilterRow_js_1.ChainFilterRow, { chain: chain, tag: tag, onToggleStar: onChainStarToggle, showStar: false, onAnalyticEvent: onAnalyticEvent }) }, chain.id?.toString() ?? 'all-chains'));
+                                    })] })), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle2", color: "subtle", className: "relay:px-2 relay:py-1", children: "Chains A-Z" }), alphabeticalChains.map((chain) => {
                                 const tag = 'tags' in chain ? chain.tags?.[0] : undefined;
                                 return ((0, jsx_runtime_1.jsx)(Dropdown_js_1.DropdownMenuItem, { "data-chain-dropdown-item": true, onSelect: () => {
                                         onSelect(chain);
                                         setOpen(false);
                                         setChainSearchInput('');
-                                    }, css: {
-                                        padding: '8px',
-                                        borderRadius: 4,
-                                        cursor: 'pointer',
-                                        backgroundColor: 'modal-background',
-                                        outline: 'none',
-                                        _hover: {
-                                            backgroundColor: 'gray3'
-                                        },
-                                        _focus: {
-                                            backgroundColor: 'gray3'
-                                        }
-                                    }, children: (0, jsx_runtime_1.jsx)(ChainFilterRow_js_1.ChainFilterRow, { chain: chain, tag: tag, onToggleStar: onChainStarToggle, onAnalyticEvent: onAnalyticEvent }) }, chain.id?.toString() ?? 'all-chains'));
+                                    }, className: "relay:p-[8px] relay:rounded-[4px] relay:cursor-pointer relay:bg-[var(--relay-colors-modal-background)] relay:outline-none relay:hover:bg-[var(--relay-colors-gray3)] relay:focus:bg-[var(--relay-colors-gray3)]", children: (0, jsx_runtime_1.jsx)(ChainFilterRow_js_1.ChainFilterRow, { chain: chain, tag: tag, onToggleStar: onChainStarToggle, onAnalyticEvent: onAnalyticEvent }) }, chain.id?.toString() ?? 'all-chains'));
                             })] })) })] }) }));
 };
 exports.CompactChainFilter = CompactChainFilter;

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

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

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

@@ -6,7 +6,11 @@ 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 faArrowLeft_1 = require("@fortawesome/free-solid-svg-icons/faArrowLeft");
+const faInfoCircle_1 = require("@fortawesome/free-solid-svg-icons/faInfoCircle");
+const faMagnifyingGlass_1 = require("@fortawesome/free-solid-svg-icons/faMagnifyingGlass");
+const faStar_1 = require("@fortawesome/free-solid-svg-icons/faStar");
+const faXmark_1 = require("@fortawesome/free-solid-svg-icons/faXmark");
 const fuse_js_1 = tslib_1.__importDefault(require("fuse.js"));
 const events_js_1 = require("../../../constants/events.js");
 const AllChainsLogo_js_1 = tslib_1.__importDefault(require("../../../img/AllChainsLogo.js"));
@@ -14,6 +18,7 @@ const TagPill_js_1 = require("./TagPill.js");
 const tokenSelector_js_1 = require("../../../utils/tokenSelector.js");
 const localStorage_js_1 = require("../../../utils/localStorage.js");
 const Tooltip_js_1 = tslib_1.__importDefault(require("../../../components/primitives/Tooltip.js"));
+const cn_js_1 = require("../../../utils/cn.js");
 const fuseSearchOptions = {
     includeScore: true,
     includeMatches: true,
@@ -41,40 +46,7 @@ const MobileChainSelector = ({ options, value, sameChainOption, onSelect, onBack
         onSelect(chain);
         onBack();
     }, [onSelect, onBack]);
-    return ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", css: {
-            width: '100%',
-            height: '100%',
-            gap: '3'
-        }, children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: {
-                    gap: '1',
-                    width: '100%'
-                }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "ghost", size: "none", onClick: onBack, css: {
-                            p: '2',
-                            borderRadius: '8px',
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                            minWidth: '40px',
-                            height: '40px',
-                            color: 'gray9'
-                        }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faArrowLeft, width: 16, height: 16 }) }), (0, jsx_runtime_1.jsx)(index_js_1.Input, { placeholder: "Search a chain", 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: {
-                            flex: 1,
-                            height: 40
-                        }, css: {
-                            width: '100%',
-                            _placeholder_parent: {
-                                textOverflow: 'ellipsis'
-                            }
-                        }, value: chainSearchInput, onChange: (e) => setChainSearchInput(e.target.value) }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "ghost", size: "none", onClick: onClose, css: {
-                            p: '2',
-                            borderRadius: '8px',
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                            minWidth: '40px',
-                            height: '40px',
-                            color: 'gray9'
-                        }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faXmark, width: 16, height: 16 }) })] }), (0, jsx_runtime_1.jsx)(index_js_1.AccessibleList, { onSelect: (selectedValue) => {
+    return ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", className: "relay:w-full relay:h-full relay:gap-3", children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", className: "relay:gap-1 relay:w-full", children: [(0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "ghost", size: "none", onClick: onBack, className: "relay:p-2 relay:rounded-[8px] relay:flex relay:items-center relay:justify-center relay:min-w-[40px] relay:h-[40px] relay:text-[color:var(--relay-colors-gray9)]", children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faArrowLeft_1.faArrowLeft, width: 16, height: 16 }) }), (0, jsx_runtime_1.jsx)(index_js_1.Input, { placeholder: "Search a chain", icon: (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "relay:flex relay:text-[color:var(--relay-colors-gray9)]", children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faMagnifyingGlass_1.faMagnifyingGlass, width: 16, height: 16 }) }), containerClassName: "relay:flex-1 relay:h-[40px]", className: "relay:w-full relay:[&::placeholder]:text-ellipsis", value: chainSearchInput, onChange: (e) => setChainSearchInput(e.target.value) }), (0, jsx_runtime_1.jsx)(index_js_1.Button, { color: "ghost", size: "none", onClick: onClose, className: "relay:p-2 relay:rounded-[8px] relay:flex relay:items-center relay:justify-center relay:min-w-[40px] relay:h-[40px] relay:text-[color:var(--relay-colors-gray9)]", children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faXmark_1.faXmark, width: 16, height: 16 }) })] }), (0, jsx_runtime_1.jsx)(index_js_1.AccessibleList, { onSelect: (selectedValue) => {
                     if (selectedValue) {
                         const isSameChainSelection = selectedValue === 'same-chain';
                         const chain = selectedValue === 'all-chains'
@@ -96,32 +68,13 @@ const MobileChainSelector = ({ options, value, sameChainOption, onSelect, onBack
                             handleChainSelect(chain);
                         }
                     }
-                }, css: {
-                    display: 'flex',
-                    flexDirection: 'column',
-                    width: '100%',
-                    flex: 1,
-                    overflowY: 'auto',
-                    scrollbarColor: 'var(--relay-colors-gray5) transparent'
-                }, children: filteredChains ? (filteredChains.map((chain) => {
+                }, className: "relay:flex relay:flex-col relay:w-full relay:flex-1 relay:overflow-y-auto [scrollbar-color:var(--relay-colors-gray5)_transparent]", children: filteredChains ? (filteredChains.map((chain) => {
                     const tag = 'tags' in chain ? chain.tags?.[0] : undefined;
                     return ((0, jsx_runtime_1.jsx)(MobileChainRow, { chain: chain, tag: tag, value: chain.id?.toString() ?? 'all-chains', onChainStarToggle: onChainStarToggle, onAnalyticEvent: onAnalyticEvent }, chain.id?.toString() ?? 'all-chains'));
-                })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [allChainsOption && ((0, jsx_runtime_1.jsx)(MobileChainRow, { chain: allChainsOption, value: "all-chains", onAnalyticEvent: onAnalyticEvent })), sameChainOption && ((0, jsx_runtime_1.jsx)(index_js_1.AccessibleListItem, { value: "same-chain", asChild: true, children: (0, jsx_runtime_1.jsxs)(index_js_1.Button, { color: "ghost", size: "none", css: {
-                                    py: '3',
-                                    px: '2',
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    gap: '2',
-                                    width: '100%',
-                                    height: '56px',
-                                    borderRadius: '12px',
-                                    _hover: {
-                                        backgroundColor: 'gray3'
-                                    }
-                                }, children: [(0, jsx_runtime_1.jsx)(index_js_1.ChainIcon, { chainId: sameChainOption.id, square: true, width: 24, height: 24 }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle1", children: "Same Chain" })] }) })), starredChains.length > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", css: { py: '2', gap: '2' }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Box, { css: { color: 'primary9' }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faStar, width: 16, height: 16 }) }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle1", color: "subtle", children: "Starred Chains" }), (0, jsx_runtime_1.jsx)(Tooltip_js_1.default, { content: (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "body3", children: "Long-press to star a chain" }), children: (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.faInfoCircle, width: 14, height: 14 }) }) })] }), starredChains.map((chain) => {
+                })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [allChainsOption && ((0, jsx_runtime_1.jsx)(MobileChainRow, { chain: allChainsOption, value: "all-chains", onAnalyticEvent: onAnalyticEvent })), sameChainOption && ((0, jsx_runtime_1.jsx)(index_js_1.AccessibleListItem, { value: "same-chain", asChild: true, children: (0, jsx_runtime_1.jsxs)(index_js_1.Button, { color: "ghost", size: "none", className: "relay:py-3 relay:px-2 relay:flex relay:items-center relay:gap-2 relay:w-full relay:h-[56px] relay:rounded-[12px] relay:hover:bg-[var(--relay-colors-gray3)]", children: [(0, jsx_runtime_1.jsx)(index_js_1.ChainIcon, { chainId: sameChainOption.id, square: true, width: 24, height: 24 }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle1", children: "Same Chain" })] }) })), starredChains.length > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", className: "relay:py-2 relay:gap-2", children: [(0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "relay:text-[color:var(--relay-colors-primary9)]", children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faStar_1.faStar, width: 16, height: 16 }) }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle1", color: "subtle", children: "Starred Chains" }), (0, jsx_runtime_1.jsx)(Tooltip_js_1.default, { content: (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "body3", children: "Long-press to star a chain" }), children: (0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "relay:text-[color:var(--relay-colors-gray9)]", children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faInfoCircle_1.faInfoCircle, width: 14, height: 14 }) }) })] }), starredChains.map((chain) => {
                                     const tag = 'tags' in chain ? chain.tags?.[0] : undefined;
                                     return chain.id ? ((0, jsx_runtime_1.jsx)(MobileChainRow, { chain: chain, tag: tag, value: chain.id.toString(), onChainStarToggle: onChainStarToggle, showStar: false, onAnalyticEvent: onAnalyticEvent }, chain.id.toString())) : null;
-                                })] })), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle1", color: "subtle", css: { py: '2' }, children: "Chains A-Z" }), alphabeticalChains.map((chain) => {
+                                })] })), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle1", color: "subtle", className: "relay:py-2", children: "Chains A-Z" }), alphabeticalChains.map((chain) => {
                             const tag = 'tags' in chain ? chain.tags?.[0] : undefined;
                             return chain.id ? ((0, jsx_runtime_1.jsx)(MobileChainRow, { chain: chain, tag: tag, value: chain.id.toString(), onChainStarToggle: onChainStarToggle, onAnalyticEvent: onAnalyticEvent }, chain.id.toString())) : null;
                         })] })) })] }));
@@ -199,21 +152,9 @@ const MobileChainRow = ({ chain, tag, value, onChainStarToggle, showStar = true,
         }
     }, [longPressTimer]);
     if (!chain.id) {
-        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", size: "none", css: {
-                    py: '3',
-                    px: '2',
-                    display: 'flex',
-                    alignItems: 'center',
-                    gap: '2',
-                    width: '100%',
-                    height: '56px',
-                    borderRadius: '12px',
-                    _hover: {
-                        backgroundColor: 'gray3'
-                    }
-                }, children: [(0, jsx_runtime_1.jsx)(AllChainsLogo_js_1.default, { style: { width: 24, height: 24 } }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle1", children: chain.name })] }) }));
+        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", size: "none", className: "relay:py-3 relay:px-2 relay:flex relay:items-center relay:gap-2 relay:w-full relay:h-[56px] relay:rounded-[12px] relay:hover:bg-[var(--relay-colors-gray3)]", children: [(0, jsx_runtime_1.jsx)(AllChainsLogo_js_1.default, { style: { width: 24, height: 24 } }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle1", children: chain.name })] }) }));
     }
-    return ((0, jsx_runtime_1.jsxs)("div", { style: { position: 'relative', width: '100%' }, children: [(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", size: "none", onContextMenu: (e) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "relay:relative relay:w-full", children: [(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", size: "none", onContextMenu: (e) => {
                         e.preventDefault();
                         setDropdownOpen(true);
                     }, onKeyDown: (e) => {
@@ -221,45 +162,11 @@ const MobileChainRow = ({ chain, tag, value, onChainStarToggle, showStar = true,
                             e.preventDefault();
                             setDropdownOpen(true);
                         }
-                    }, onTouchStart: handleTouchStart, onTouchEnd: handleTouchEnd, onTouchMove: handleTouchMove, css: {
-                        py: '3',
-                        px: '2',
-                        display: 'flex',
-                        alignItems: 'center',
-                        gap: '2',
-                        width: '100%',
-                        height: '56px',
-                        borderRadius: '12px',
-                        userSelect: 'none',
-                        _hover: {
-                            backgroundColor: 'gray3'
-                        }
-                    }, style: {
-                        WebkitUserSelect: 'none'
-                    }, children: [(0, jsx_runtime_1.jsx)(index_js_1.ChainIcon, { chainId: chain.id, square: true, width: 24, height: 24 }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle1", css: { flex: 1, textAlign: 'left' }, children: ('displayName' in chain && chain.displayName) || chain.name }), showStar && isStarred && ((0, jsx_runtime_1.jsx)(index_js_1.Box, { css: { color: 'primary9' }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faStar, width: 16, height: 16 }) })), tag && (0, jsx_runtime_1.jsx)(TagPill_js_1.TagPill, { tag: tag })] }) }), dropdownOpen && ((0, jsx_runtime_1.jsx)("div", { ref: dropdownRef, style: {
-                    position: 'absolute',
-                    top: '100%',
-                    left: 0,
-                    marginTop: '4px',
-                    minWidth: 160,
-                    zIndex: 999999
-                }, onClick: (e) => {
+                    }, onTouchStart: handleTouchStart, onTouchEnd: handleTouchEnd, onTouchMove: handleTouchMove, className: "relay:py-3 relay:px-2 relay:flex relay:items-center relay:gap-2 relay:w-full relay:h-[56px] relay:rounded-[12px] relay:select-none relay:hover:bg-[var(--relay-colors-gray3)]", children: [(0, jsx_runtime_1.jsx)(index_js_1.ChainIcon, { chainId: chain.id, square: true, width: 24, height: 24 }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle1", className: "relay:flex-1 relay:text-left", children: ('displayName' in chain && chain.displayName) || chain.name }), showStar && isStarred && ((0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "relay:text-[color:var(--relay-colors-primary9)]", children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faStar_1.faStar, width: 16, height: 16 }) })), tag && (0, jsx_runtime_1.jsx)(TagPill_js_1.TagPill, { tag: tag })] }) }), dropdownOpen && ((0, jsx_runtime_1.jsx)("div", { ref: dropdownRef, className: "relay:absolute relay:top-full relay:left-0 relay:mt-1 relay:min-w-[160px] relay:z-[999999]", onClick: (e) => {
                     e.stopPropagation();
                     handleToggleStar();
-                }, onMouseDown: (e) => e.stopPropagation(), onTouchStart: (e) => e.stopPropagation(), children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { css: {
-                        alignItems: 'center',
-                        gap: '8px',
-                        padding: '8px',
-                        borderRadius: 12,
-                        cursor: 'pointer',
-                        backgroundColor: 'gray1',
-                        '--borderColor': 'colors.subtle-border-color',
-                        border: '1px solid var(--borderColor)',
-                        _hover: {
-                            backgroundColor: 'gray2'
-                        }
-                    }, children: [(0, jsx_runtime_1.jsx)(index_js_1.Box, { css: {
-                                color: isStarred ? 'gray8' : 'primary9'
-                            }, children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: free_solid_svg_icons_1.faStar, width: 16, height: 16 }) }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle1", css: { lineHeight: '20px' }, children: isStarred ? 'Unstar chain' : 'Star chain' })] }) }))] }));
+                }, onMouseDown: (e) => e.stopPropagation(), onTouchStart: (e) => e.stopPropagation(), children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { className: "relay:items-center relay:gap-[8px] relay:p-[8px] relay:rounded-[12px] relay:cursor-pointer relay:bg-[var(--relay-colors-gray1)] relay:border relay:border-solid relay:border-[var(--relay-colors-subtle-border-color)] relay:hover:bg-[var(--relay-colors-gray2)]", children: [(0, jsx_runtime_1.jsx)(index_js_1.Box, { className: (0, cn_js_1.cn)(isStarred
+                                ? 'relay:text-[color:var(--relay-colors-gray8)]'
+                                : 'relay:text-[color:var(--relay-colors-primary9)]'), children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faStar_1.faStar, width: 16, height: 16 }) }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle1", className: "relay:leading-[20px]", children: isStarred ? 'Unstar chain' : 'Star chain' })] }) }))] }));
 };
 //# sourceMappingURL=MobileChainSelector.js.map

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

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

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

@@ -6,7 +6,9 @@ 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 faMagnifyingGlass_1 = require("@fortawesome/free-solid-svg-icons/faMagnifyingGlass");
+const faFolderOpen_1 = require("@fortawesome/free-solid-svg-icons/faFolderOpen");
+const faChevronLeft_1 = require("@fortawesome/free-solid-svg-icons/faChevronLeft");
 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");
@@ -300,44 +302,7 @@ const PaymentMethod = ({ token, trigger, chainIdsFilter, lockedChainIds, context
             inputElement.focus();
         }
     }, [open, inputElement]);
-    const paymentMethodContent = ((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.jsx)(index_js_1.Flex, { align: "center", css: { gap: '1' }, children: (0, jsx_runtime_1.jsxs)(index_js_1.Button, { color: "ghost", size: "none", onClick: () => onOpenChange(false), css: {
-                        py: '1',
-                        px: '0',
-                        minWidth: 'auto',
-                        color: 'gray9',
-                        cursor: 'pointer',
-                        borderRadius: 8,
-                        display: 'flex',
-                        alignItems: 'center',
-                        gap: '1',
-                        '--focusColor': 'colors.focus-color',
-                        _focusVisible: {
-                            boxShadow: 'inset 0 0 0 2px var(--focusColor)'
-                        },
-                        '@media(min-width: 660px)': {
-                            p: '0'
-                        }
-                    }, 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: "subtitle1", css: {
-                                color: 'text-subtle',
-                                '@media(min-width: 660px)': {
-                                    fontSize: '14px',
-                                    color: 'text-default',
-                                    lineHeight: '20px'
-                                }
-                            }, 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) => {
+    const paymentMethodContent = ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", className: "relay:w-full relay:h-full relay:gap-3 relay:overflow-y-hidden relay:min-w-0 relay:max-w-full", children: [(0, jsx_runtime_1.jsx)(index_js_1.Flex, { align: "center", className: "relay:gap-1", children: (0, jsx_runtime_1.jsxs)(index_js_1.Button, { color: "ghost", size: "none", onClick: () => onOpenChange(false), className: "relay:py-1 relay:px-0 relay:min-w-[auto] relay:text-[color:var(--relay-colors-gray9)] relay:cursor-pointer relay:rounded-[8px] relay:flex relay:items-center relay:gap-1 relay:focus-visible:shadow-[inset_0_0_0_2px_var(--relay-colors-focus-color)] relay:min-[660px]:p-0", children: [(0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faChevronLeft_1.faChevronLeft, width: 20, height: 20 }), (0, jsx_runtime_1.jsx)(index_js_1.Text, { style: "subtitle1", className: "relay:text-[color:var(--relay-colors-text-subtle)] relay:min-[660px]:text-[14px] relay:min-[660px]:text-[color:var(--relay-colors-text-default)] relay:min-[660px]:leading-[20px]", children: context === 'from' ? 'Pay with' : 'Sell to' })] }) }), (0, jsx_runtime_1.jsx)(index_js_1.Flex, { className: "relay:flex-1 relay:gap-3 relay:overflow-hidden relay:min-w-0 relay:max-w-full", children: (0, jsx_runtime_1.jsxs)(AccessibleList_js_1.AccessibleList, { onSelect: (value) => {
                         if (value === 'input')
                             return;
                         const [chainId, ...addressParts] = value.split(':');
@@ -352,39 +317,7 @@ const PaymentMethod = ({ token, trigger, chainIdsFilter, lockedChainIds, context
                         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) => {
+                    }, className: "relay:flex relay:flex-col relay:w-full relay:min-w-0 relay:max-w-full relay:h-full", children: [(0, jsx_runtime_1.jsx)(index_js_1.Flex, { direction: "column", align: "start", className: "relay:w-full relay:gap-2 relay:bg-[var(--relay-colors-modal-background)] relay:min-w-0 relay:max-w-full", children: (0, jsx_runtime_1.jsxs)(index_js_1.Flex, { align: "center", className: "relay:w-full relay:gap-2 relay:min-w-0 relay:items-center relay:h-[40px]", children: [(0, jsx_runtime_1.jsx)(AccessibleList_js_1.AccessibleListItem, { value: "input", asChild: true, className: "relay:flex-1 relay:min-w-0 relay:flex relay:items-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, { className: "relay:flex relay:text-[color:var(--relay-colors-gray9)]", children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faMagnifyingGlass_1.faMagnifyingGlass, width: 16, height: 16 }) }), containerClassName: "relay:w-full relay:h-[40px]", className: "relay:w-full relay:[&::placeholder]:text-ellipsis", onChange: (e) => {
                                                 const value = e.target.value;
                                                 setTokenSearchInput(value);
                                                 if ((0, address_js_1.isValidAddress)(chainFilter.vmType, value)) {
@@ -393,20 +326,12 @@ const PaymentMethod = ({ token, trigger, chainIdsFilter, lockedChainIds, context
                                                         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 &&
+                                            } }) }), (!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", className: "relay:flex-1 relay:overflow-y-auto relay:gap-3 relay:pt-2 relay:min-w-0 relay:max-w-full", style: { scrollbarColor: 'var(--relay-colors-gray5) transparent' }, 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: (() => {
+                                        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", className: "relay:gap-3", children: (() => {
                                         const hasLoadedBalanceData = Boolean(duneTokens);
                                         const userTokensReady = !isLoadingUserTokens;
                                         const isWaitingForBalanceData = address &&
@@ -430,29 +355,13 @@ const PaymentMethod = ({ token, trigger, chainIdsFilter, lockedChainIds, context
                                     })() })), !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
+                                    externalTokenList?.length === 0 ? ((0, jsx_runtime_1.jsxs)(index_js_1.Flex, { direction: "column", align: "center", className: "relay:py-5 relay:max-w-[312px] relay:self-center", children: [!chainFilter?.id && isSearchTermValidAddress && ((0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "relay:text-[color:var(--relay-colors-gray8)] relay:mb-2", children: (0, jsx_runtime_1.jsx)(react_fontawesome_1.FontAwesomeIcon, { icon: faFolderOpen_1.faFolderOpen, size: "xl", width: 27, height: 24 }) })), (0, jsx_runtime_1.jsx)(index_js_1.Text, { color: "subtle", style: "body2", className: "relay:text-center", children: !chainFilter?.id && isSearchTermValidAddress
                                                 ? 'No results. Switch to the desired chain to search by contract.'
                                                 : 'No results.' })] })) : null] }, chainFilter.id ?? 'all')] }) })] }));
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!isDesktop && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { onClick: () => onOpenChange(true), children: trigger }), open && ((0, jsx_runtime_1.jsx)(index_js_1.Box, { css: {
-                            position: 'absolute',
-                            top: 0,
-                            left: 0,
-                            right: 0,
-                            bottom: 0,
-                            zIndex: 100,
-                            background: 'widget-background',
-                            display: 'flex',
-                            flexDirection: 'column',
-                            overflow: 'hidden'
-                        }, children: paymentMethodContent }))] })), isDesktop && ((0, jsx_runtime_1.jsx)(Modal_js_1.Modal, { open: open, onOpenChange: onOpenChange, showCloseButton: false, trigger: trigger, css: {
-                    p: '4',
-                    display: 'flex',
-                    flexDirection: 'column',
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!isDesktop && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { onClick: () => onOpenChange(true), children: trigger }), open && ((0, jsx_runtime_1.jsx)(index_js_1.Box, { className: "relay:absolute relay:top-0 relay:left-0 relay:right-0 relay:bottom-0 relay:z-[100] relay:bg-[var(--relay-colors-widget-background)] relay:flex relay:flex-col relay:overflow-hidden", children: paymentMethodContent }))] })), isDesktop && ((0, jsx_runtime_1.jsx)(Modal_js_1.Modal, { open: open, onOpenChange: onOpenChange, showCloseButton: false, trigger: trigger, className: "relay:p-4 relay:flex relay:flex-col relay:min-w-0 relay:box-border", contentStyle: {
                     height: 'min(85vh, 540px)',
                     width: 'min(400px, 100vw)',
-                    maxWidth: 'min(400px, 100vw)',
-                    minWidth: 0,
-                    boxSizing: 'border-box'
+                    maxWidth: 'min(400px, 100vw)'
                 }, children: paymentMethodContent })), 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);