@lifi/widget 4.0.0-alpha.4 → 4.0.0-alpha.5

package/dist/esm/components/TokenList/TokenListItem.js

@@ -1,130 +1,274 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChainType } from '@lifi/sdk';
-import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
-import WarningRounded from '@mui/icons-material/WarningRounded';
-import { Avatar, Box, ListItemAvatar, ListItemText, listItemSecondaryActionClasses, Skeleton, Slide, Tooltip, Typography, } from '@mui/material';
-import { memo, useMemo, useRef, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useLongPress } from '../../hooks/useLongPress.js';
-import { formatTokenAmount, formatTokenPrice } from '../../utils/format.js';
-import { shortenAddress } from '../../utils/wallet.js';
-import { TokenAvatar } from '../Avatar/TokenAvatar.js';
-import { ListItemButton } from '../ListItem/ListItemButton.js';
-import { PinTokenButton } from './PinTokenButton.js';
-import { IconButton, ListItem } from './TokenList.style.js';
-export const TokenListItem = memo(({ onClick, size, start, token, chain, isBalanceLoading, startAdornment, endAdornment, selected, onShowTokenDetails, }) => {
-    return (_jsxs(ListItem, { style: {
-            height: `${size}px`,
-            transform: `translateY(${start}px)`,
-            padding: 0,
-        }, children: [startAdornment, _jsx(TokenListItemButton, { token: token, isBalanceLoading: isBalanceLoading, onClick: onClick, chain: chain, selected: selected, onShowTokenDetails: onShowTokenDetails }), endAdornment] }));
+import { formatTokenAmount, formatTokenPrice } from "../../utils/format.js";
+import { TokenAvatar } from "../Avatar/TokenAvatar.js";
+import { shortenAddress } from "../../utils/wallet.js";
+import { IconButton as IconButton$1, ListItem as ListItem$1 } from "./TokenList.style.js";
+import { useLongPress } from "../../hooks/useLongPress.js";
+import { ListItemButton as ListItemButton$1 } from "../ListItem/ListItemButton.js";
+import { PinTokenButton } from "./PinTokenButton.js";
+import { ChainType } from "@lifi/sdk";
+import { memo, useMemo, useRef, useState } from "react";
+import { Avatar, Box, ListItemAvatar, ListItemText, Skeleton, Slide, Tooltip, Typography, listItemSecondaryActionClasses } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import InfoOutlinedIcon from "@mui/icons-material/InfoOutlined";
+import WarningRounded from "@mui/icons-material/WarningRounded";
+//#region src/components/TokenList/TokenListItem.tsx
+const TokenListItem = memo(({ onClick, size, start, token, chain, isBalanceLoading, startAdornment, endAdornment, selected, onShowTokenDetails }) => {
+	return /* @__PURE__ */ jsxs(ListItem$1, {
+		style: {
+			height: `${size}px`,
+			transform: `translateY(${start}px)`,
+			padding: 0
+		},
+		children: [
+			startAdornment,
+			/* @__PURE__ */ jsx(TokenListItemButton, {
+				token,
+				isBalanceLoading,
+				onClick,
+				chain,
+				selected,
+				onShowTokenDetails
+			}),
+			endAdornment
+		]
+	});
 });
 const TokenListItemAvatar = memo(({ token }) => {
-    const [isImageLoading, setIsImageLoading] = useState(true);
-    return (_jsx(Avatar, { src: token.logoURI, alt: token.symbol, sx: (theme) => isImageLoading ? { bgcolor: theme.vars.palette.grey[300] } : null, onLoad: () => setIsImageLoading(false), children: token.symbol?.[0] }));
+	const [isImageLoading, setIsImageLoading] = useState(true);
+	return /* @__PURE__ */ jsx(Avatar, {
+		src: token.logoURI,
+		alt: token.symbol,
+		sx: (theme) => isImageLoading ? { bgcolor: theme.vars.palette.grey[300] } : null,
+		onLoad: () => setIsImageLoading(false),
+		children: token.symbol?.[0]
+	});
 });
-const OpenTokenDetailsButton = ({ tokenAddress, withoutContractAddress, chainId, onClick, }) => {
-    if (!tokenAddress) {
-        return null;
-    }
-    return (_jsx(IconButton, { size: "small", onClick: (e) => {
-            e.stopPropagation();
-            e.currentTarget.blur(); // Remove focus to prevent accessibility issues when opening drawer
-            onClick(tokenAddress, withoutContractAddress, chainId);
-        }, children: _jsx(InfoOutlinedIcon, {}) }));
+const OpenTokenDetailsButton = ({ tokenAddress, withoutContractAddress, chainId, onClick }) => {
+	if (!tokenAddress) return null;
+	return /* @__PURE__ */ jsx(IconButton$1, {
+		size: "small",
+		onClick: (e) => {
+			e.stopPropagation();
+			e.currentTarget.blur();
+			onClick(tokenAddress, withoutContractAddress, chainId);
+		},
+		children: /* @__PURE__ */ jsx(InfoOutlinedIcon, {})
+	});
 };
-const TokenListItemButton = memo(({ onClick, token, chain, isBalanceLoading, selected, onShowTokenDetails, }) => {
-    const { t } = useTranslation();
-    const container = useRef(null);
-    const timeoutId = useRef(undefined);
-    const [showAddress, setShowAddress] = useState(false);
-    const withoutContractAddress = chain?.chainType === ChainType.UTXO;
-    const onMouseEnter = () => {
-        timeoutId.current = setTimeout(() => {
-            if (token.address) {
-                setShowAddress(true);
-            }
-        }, 350);
-    };
-    const onMouseLeave = () => {
-        clearTimeout(timeoutId.current);
-        if (showAddress) {
-            setShowAddress(false);
-        }
-    };
-    const handleClick = (e) => {
-        e.stopPropagation();
-        onClick?.(token.address, token.chainId);
-    };
-    const tokenAmount = useMemo(() => formatTokenAmount(token.amount, token.decimals), [token.amount, token.decimals]);
-    const tokenPrice = useMemo(() => formatTokenPrice(token.amount, token.priceUSD, token.decimals), [token.amount, token.priceUSD, token.decimals]);
-    const longPressEvents = useLongPress(() => onShowTokenDetails(token.address, withoutContractAddress, token.chainId));
-    return (_jsxs(ListItemButton, { onClick: handleClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ...longPressEvents, dense: true, selected: selected, sx: {
-            height: 60,
-            marginBottom: '4px',
-        }, children: [_jsx(ListItemAvatar, { children: chain ? (_jsx(TokenAvatar, { token: token, chain: chain, tokenAvatarSize: 40, chainAvatarSize: 16 })) : (_jsx(TokenListItemAvatar, { token: token })) }), _jsx(ListItemText, { primary: _jsxs(Box, { sx: { display: 'flex', alignItems: 'center', gap: 0.5 }, children: [token.symbol, !token.verified && (_jsx(Tooltip, { title: t('warning.message.unverifiedToken'), placement: "top", arrow: true, children: _jsx(WarningRounded, { sx: {
-                                    display: 'flex',
-                                    fontSize: 16,
-                                    color: 'warning.main',
-                                    cursor: 'help',
-                                } }) }))] }), slotProps: {
-                    secondary: {
-                        component: 'div',
-                    },
-                }, secondary: withoutContractAddress ? (_jsxs(Box, { ref: container, sx: {
-                        height: 20,
-                        display: 'flex',
-                    }, children: [_jsx(Box, { sx: {
-                                pt: 0.25,
-                            }, children: token.name }), _jsx(Box, { sx: {
-                                position: 'relative',
-                            }, children: _jsx(Slide, { direction: "up", in: showAddress, container: container.current, style: {
-                                    position: 'absolute',
-                                }, appear: false, mountOnEnter: true, children: _jsxs(Box, { children: [_jsx(OpenTokenDetailsButton, { tokenAddress: token.address, withoutContractAddress: withoutContractAddress, chainId: token.chainId, onClick: onShowTokenDetails }), _jsx(PinTokenButton, { chainId: token.chainId, tokenAddress: token.address })] }) }) })] })) : (_jsxs(Box, { ref: container, sx: {
-                        position: 'relative',
-                        height: 20,
-                    }, children: [_jsx(Slide, { direction: "down", in: !showAddress, container: container.current, style: {
-                                position: 'absolute',
-                            }, appear: false, children: _jsx(Box, { sx: {
-                                    pt: 0.25,
-                                }, children: token.name }) }), _jsx(Slide, { direction: "up", in: showAddress, container: container.current, style: {
-                                position: 'absolute',
-                            }, appear: false, mountOnEnter: true, children: _jsxs(Box, { sx: {
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    gap: 0.5,
-                                }, children: [_jsx(Box, { sx: {
-                                            display: 'flex',
-                                            alignItems: 'center',
-                                            pt: 0.125,
-                                        }, children: shortenAddress(token.address) }), _jsxs(Box, { children: [_jsx(OpenTokenDetailsButton, { tokenAddress: token.address, withoutContractAddress: withoutContractAddress, chainId: token.chainId, onClick: onShowTokenDetails }), _jsx(PinTokenButton, { chainId: token.chainId, tokenAddress: token.address })] })] }) })] })) }), isBalanceLoading ? (_jsx(TokenAmountSkeleton, {})) : (_jsxs(Box, { sx: { textAlign: 'right' }, children: [token.amount ? (_jsx(Typography, { noWrap: true, sx: {
-                            fontWeight: 600,
-                        }, title: tokenAmount, children: t('format.tokenAmount', {
-                            value: tokenAmount,
-                        }) })) : null, token.amount && token.priceUSD ? (_jsx(Typography, { "data-price": token.priceUSD, sx: {
-                            fontWeight: 500,
-                            fontSize: 12,
-                            color: 'text.secondary',
-                        }, children: t('format.currency', {
-                            value: tokenPrice,
-                        }) })) : null] }))] }));
+const TokenListItemButton = memo(({ onClick, token, chain, isBalanceLoading, selected, onShowTokenDetails }) => {
+	const { t } = useTranslation();
+	const container = useRef(null);
+	const timeoutId = useRef(void 0);
+	const [showAddress, setShowAddress] = useState(false);
+	const withoutContractAddress = chain?.chainType === ChainType.UTXO;
+	const onMouseEnter = () => {
+		timeoutId.current = setTimeout(() => {
+			if (token.address) setShowAddress(true);
+		}, 350);
+	};
+	const onMouseLeave = () => {
+		clearTimeout(timeoutId.current);
+		if (showAddress) setShowAddress(false);
+	};
+	const handleClick = (e) => {
+		e.stopPropagation();
+		onClick?.(token.address, token.chainId);
+	};
+	const tokenAmount = useMemo(() => formatTokenAmount(token.amount, token.decimals), [token.amount, token.decimals]);
+	const tokenPrice = useMemo(() => formatTokenPrice(token.amount, token.priceUSD, token.decimals), [
+		token.amount,
+		token.priceUSD,
+		token.decimals
+	]);
+	return /* @__PURE__ */ jsxs(ListItemButton$1, {
+		onClick: handleClick,
+		onMouseEnter,
+		onMouseLeave,
+		...useLongPress(() => onShowTokenDetails(token.address, withoutContractAddress, token.chainId)),
+		dense: true,
+		selected,
+		sx: {
+			height: 60,
+			marginBottom: "4px"
+		},
+		children: [
+			/* @__PURE__ */ jsx(ListItemAvatar, { children: chain ? /* @__PURE__ */ jsx(TokenAvatar, {
+				token,
+				chain,
+				tokenAvatarSize: 40,
+				chainAvatarSize: 16
+			}) : /* @__PURE__ */ jsx(TokenListItemAvatar, { token }) }),
+			/* @__PURE__ */ jsx(ListItemText, {
+				primary: /* @__PURE__ */ jsxs(Box, {
+					sx: {
+						display: "flex",
+						alignItems: "center",
+						gap: .5
+					},
+					children: [token.symbol, !token.verified && /* @__PURE__ */ jsx(Tooltip, {
+						title: t("warning.message.unverifiedToken"),
+						placement: "top",
+						arrow: true,
+						children: /* @__PURE__ */ jsx(WarningRounded, { sx: {
+							display: "flex",
+							fontSize: 16,
+							color: "warning.main",
+							cursor: "help"
+						} })
+					})]
+				}),
+				slotProps: { secondary: { component: "div" } },
+				secondary: withoutContractAddress ? /* @__PURE__ */ jsxs(Box, {
+					ref: container,
+					sx: {
+						height: 20,
+						display: "flex"
+					},
+					children: [/* @__PURE__ */ jsx(Box, {
+						sx: { pt: .25 },
+						children: token.name
+					}), /* @__PURE__ */ jsx(Box, {
+						sx: { position: "relative" },
+						children: /* @__PURE__ */ jsx(Slide, {
+							direction: "up",
+							in: showAddress,
+							container: container.current,
+							style: { position: "absolute" },
+							appear: false,
+							mountOnEnter: true,
+							children: /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(OpenTokenDetailsButton, {
+								tokenAddress: token.address,
+								withoutContractAddress,
+								chainId: token.chainId,
+								onClick: onShowTokenDetails
+							}), /* @__PURE__ */ jsx(PinTokenButton, {
+								chainId: token.chainId,
+								tokenAddress: token.address
+							})] })
+						})
+					})]
+				}) : /* @__PURE__ */ jsxs(Box, {
+					ref: container,
+					sx: {
+						position: "relative",
+						height: 20
+					},
+					children: [/* @__PURE__ */ jsx(Slide, {
+						direction: "down",
+						in: !showAddress,
+						container: container.current,
+						style: { position: "absolute" },
+						appear: false,
+						children: /* @__PURE__ */ jsx(Box, {
+							sx: { pt: .25 },
+							children: token.name
+						})
+					}), /* @__PURE__ */ jsx(Slide, {
+						direction: "up",
+						in: showAddress,
+						container: container.current,
+						style: { position: "absolute" },
+						appear: false,
+						mountOnEnter: true,
+						children: /* @__PURE__ */ jsxs(Box, {
+							sx: {
+								display: "flex",
+								alignItems: "center",
+								gap: .5
+							},
+							children: [/* @__PURE__ */ jsx(Box, {
+								sx: {
+									display: "flex",
+									alignItems: "center",
+									pt: .125
+								},
+								children: shortenAddress(token.address)
+							}), /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(OpenTokenDetailsButton, {
+								tokenAddress: token.address,
+								withoutContractAddress,
+								chainId: token.chainId,
+								onClick: onShowTokenDetails
+							}), /* @__PURE__ */ jsx(PinTokenButton, {
+								chainId: token.chainId,
+								tokenAddress: token.address
+							})] })]
+						})
+					})]
+				})
+			}),
+			isBalanceLoading ? /* @__PURE__ */ jsx(TokenAmountSkeleton, {}) : /* @__PURE__ */ jsxs(Box, {
+				sx: { textAlign: "right" },
+				children: [token.amount ? /* @__PURE__ */ jsx(Typography, {
+					noWrap: true,
+					sx: { fontWeight: 600 },
+					title: tokenAmount,
+					children: t("format.tokenAmount", { value: tokenAmount })
+				}) : null, token.amount && token.priceUSD ? /* @__PURE__ */ jsx(Typography, {
+					"data-price": token.priceUSD,
+					sx: {
+						fontWeight: 500,
+						fontSize: 12,
+						color: "text.secondary"
+					},
+					children: t("format.currency", { value: tokenPrice })
+				}) : null]
+			})
+		]
+	});
 });
-export const TokenListItemSkeleton = () => {
-    return (_jsxs(ListItem, { secondaryAction: _jsx(TokenAmountSkeleton, {}), disablePadding: true, sx: (theme) => ({
-            position: 'relative',
-            flexDirection: 'row',
-            alignItems: 'center',
-            padding: 0,
-            [`& .${listItemSecondaryActionClasses.root}`]: {
-                right: theme.spacing(1.5),
-            },
-        }), children: [_jsx(ListItemAvatar, { children: _jsx(Skeleton, { variant: "circular", width: 40, height: 40, sx: { marginLeft: 1.5, marginRight: 2 } }) }), _jsx(ListItemText, { primary: _jsx(Skeleton, { variant: "text", width: 56, height: 24 }), secondary: _jsx(Skeleton, { variant: "text", width: 96, height: 16 }) })] }));
+const TokenListItemSkeleton = () => {
+	return /* @__PURE__ */ jsxs(ListItem$1, {
+		secondaryAction: /* @__PURE__ */ jsx(TokenAmountSkeleton, {}),
+		disablePadding: true,
+		sx: (theme) => ({
+			position: "relative",
+			flexDirection: "row",
+			alignItems: "center",
+			padding: 0,
+			[`& .${listItemSecondaryActionClasses.root}`]: { right: theme.spacing(1.5) }
+		}),
+		children: [/* @__PURE__ */ jsx(ListItemAvatar, { children: /* @__PURE__ */ jsx(Skeleton, {
+			variant: "circular",
+			width: 40,
+			height: 40,
+			sx: {
+				marginLeft: 1.5,
+				marginRight: 2
+			}
+		}) }), /* @__PURE__ */ jsx(ListItemText, {
+			primary: /* @__PURE__ */ jsx(Skeleton, {
+				variant: "text",
+				width: 56,
+				height: 24
+			}),
+			secondary: /* @__PURE__ */ jsx(Skeleton, {
+				variant: "text",
+				width: 96,
+				height: 16
+			})
+		})]
+	});
 };
 const TokenAmountSkeleton = () => {
-    return (_jsxs(Box, { sx: {
-            display: 'flex',
-            flexDirection: 'column',
-            alignItems: 'flex-end',
-        }, children: [_jsx(Skeleton, { variant: "text", width: 56, height: 24 }), _jsx(Skeleton, { variant: "text", width: 48, height: 16 })] }));
+	return /* @__PURE__ */ jsxs(Box, {
+		sx: {
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "flex-end"
+		},
+		children: [/* @__PURE__ */ jsx(Skeleton, {
+			variant: "text",
+			width: 56,
+			height: 24
+		}), /* @__PURE__ */ jsx(Skeleton, {
+			variant: "text",
+			width: 48,
+			height: 16
+		})]
+	});
 };
+//#endregion
+export { TokenListItem, TokenListItemSkeleton };
+
 //# sourceMappingURL=TokenListItem.js.map

package/dist/esm/components/TokenList/TokenListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TokenListItem.js","sourceRoot":"","sources":["../../../../src/components/TokenList/TokenListItem.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TokenListItem.js","names":["ListItem","IconButton","ListItemButton"],"sources":["../../../../src/components/TokenList/TokenListItem.tsx"],"sourcesContent":["import type { StaticToken } from '@lifi/sdk'\nimport { ChainType } from '@lifi/sdk'\nimport InfoOutlinedIcon from '@mui/icons-material/InfoOutlined'\nimport WarningRounded from '@mui/icons-material/WarningRounded'\nimport {\n  Avatar,\n  Box,\n  ListItemAvatar,\n  ListItemText,\n  listItemSecondaryActionClasses,\n  Skeleton,\n  Slide,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport type { JSX, MouseEventHandler } from 'react'\nimport { memo, useMemo, useRef, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useLongPress } from '../../hooks/useLongPress.js'\nimport { formatTokenAmount, formatTokenPrice } from '../../utils/format.js'\nimport { shortenAddress } from '../../utils/wallet.js'\nimport { TokenAvatar } from '../Avatar/TokenAvatar.js'\nimport { ListItemButton } from '../ListItem/ListItemButton.js'\nimport { PinTokenButton } from './PinTokenButton.js'\nimport { IconButton, ListItem } from './TokenList.style.js'\nimport type {\n  TokenListItemAvatarProps,\n  TokenListItemButtonProps,\n  TokenListItemProps,\n} from './types.js'\n\nexport const TokenListItem: React.FC<TokenListItemProps> = memo(\n  ({\n    onClick,\n    size,\n    start,\n    token,\n    chain,\n    isBalanceLoading,\n    startAdornment,\n    endAdornment,\n    selected,\n    onShowTokenDetails,\n  }) => {\n    return (\n      <ListItem\n        style={{\n          height: `${size}px`,\n          transform: `translateY(${start}px)`,\n          padding: 0,\n        }}\n      >\n        {startAdornment}\n        <TokenListItemButton\n          token={token}\n          isBalanceLoading={isBalanceLoading}\n          onClick={onClick}\n          chain={chain}\n          selected={selected}\n          onShowTokenDetails={onShowTokenDetails}\n        />\n        {endAdornment}\n      </ListItem>\n    )\n  }\n)\n\nconst TokenListItemAvatar = memo(({ token }: TokenListItemAvatarProps) => {\n  const [isImageLoading, setIsImageLoading] = useState(true)\n\n  return (\n    <Avatar\n      src={token.logoURI}\n      alt={token.symbol}\n      sx={(theme) =>\n        isImageLoading ? { bgcolor: theme.vars.palette.grey[300] } : null\n      }\n      onLoad={() => setIsImageLoading(false)}\n    >\n      {token.symbol?.[0]}\n    </Avatar>\n  )\n})\n\ninterface OpenTokenDetailsButtonProps {\n  tokenAddress: string | undefined\n  withoutContractAddress: boolean\n  chainId: number\n  onClick: (\n    tokenAddress: string,\n    withoutContractAddress: boolean,\n    chainId: number\n  ) => void\n}\n\nconst OpenTokenDetailsButton = ({\n  tokenAddress,\n  withoutContractAddress,\n  chainId,\n  onClick,\n}: OpenTokenDetailsButtonProps) => {\n  if (!tokenAddress) {\n    return null\n  }\n  return (\n    <IconButton\n      size=\"small\"\n      onClick={(e) => {\n        e.stopPropagation()\n        e.currentTarget.blur() // Remove focus to prevent accessibility issues when opening drawer\n        onClick(tokenAddress, withoutContractAddress, chainId)\n      }}\n    >\n      <InfoOutlinedIcon />\n    </IconButton>\n  )\n}\n\nconst TokenListItemButton: React.FC<TokenListItemButtonProps> = memo(\n  ({\n    onClick,\n    token,\n    chain,\n    isBalanceLoading,\n    selected,\n    onShowTokenDetails,\n  }) => {\n    const { t } = useTranslation()\n    const container = useRef(null)\n    const timeoutId = useRef<ReturnType<typeof setTimeout>>(undefined)\n    const [showAddress, setShowAddress] = useState(false)\n\n    const withoutContractAddress = chain?.chainType === ChainType.UTXO\n\n    const onMouseEnter = () => {\n      timeoutId.current = setTimeout(() => {\n        if (token.address) {\n          setShowAddress(true)\n        }\n      }, 350)\n    }\n\n    const onMouseLeave = () => {\n      clearTimeout(timeoutId.current)\n      if (showAddress) {\n        setShowAddress(false)\n      }\n    }\n\n    const handleClick: MouseEventHandler<HTMLDivElement> = (e) => {\n      e.stopPropagation()\n      onClick?.(token.address, token.chainId)\n    }\n\n    const tokenAmount = useMemo(\n      () => formatTokenAmount(token.amount, token.decimals),\n      [token.amount, token.decimals]\n    )\n\n    const tokenPrice = useMemo(\n      () => formatTokenPrice(token.amount, token.priceUSD, token.decimals),\n      [token.amount, token.priceUSD, token.decimals]\n    )\n\n    const longPressEvents = useLongPress(() =>\n      onShowTokenDetails(token.address, withoutContractAddress, token.chainId)\n    )\n\n    return (\n      <ListItemButton\n        onClick={handleClick}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        {...longPressEvents}\n        dense\n        selected={selected}\n        sx={{\n          height: 60,\n          marginBottom: '4px',\n        }}\n      >\n        <ListItemAvatar>\n          {chain ? (\n            <TokenAvatar\n              token={token as StaticToken}\n              chain={chain}\n              tokenAvatarSize={40}\n              chainAvatarSize={16}\n            />\n          ) : (\n            <TokenListItemAvatar token={token} />\n          )}\n        </ListItemAvatar>\n        <ListItemText\n          primary={\n            <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n              {token.symbol}\n              {!token.verified && (\n                <Tooltip\n                  title={t('warning.message.unverifiedToken')}\n                  placement=\"top\"\n                  arrow\n                >\n                  <WarningRounded\n                    sx={{\n                      display: 'flex',\n                      fontSize: 16,\n                      color: 'warning.main',\n                      cursor: 'help',\n                    }}\n                  />\n                </Tooltip>\n              )}\n            </Box>\n          }\n          slotProps={{\n            secondary: {\n              component: 'div',\n            },\n          }}\n          secondary={\n            withoutContractAddress ? (\n              <Box\n                ref={container}\n                sx={{\n                  height: 20,\n                  display: 'flex',\n                }}\n              >\n                <Box\n                  sx={{\n                    pt: 0.25,\n                  }}\n                >\n                  {token.name}\n                </Box>\n                <Box\n                  sx={{\n                    position: 'relative',\n                  }}\n                >\n                  <Slide\n                    direction=\"up\"\n                    in={showAddress}\n                    container={container.current}\n                    style={{\n                      position: 'absolute',\n                    }}\n                    appear={false}\n                    mountOnEnter\n                  >\n                    <Box>\n                      <OpenTokenDetailsButton\n                        tokenAddress={token.address}\n                        withoutContractAddress={withoutContractAddress}\n                        chainId={token.chainId}\n                        onClick={onShowTokenDetails}\n                      />\n                      <PinTokenButton\n                        chainId={token.chainId}\n                        tokenAddress={token.address}\n                      />\n                    </Box>\n                  </Slide>\n                </Box>\n              </Box>\n            ) : (\n              <Box\n                ref={container}\n                sx={{\n                  position: 'relative',\n                  height: 20,\n                }}\n              >\n                <Slide\n                  direction=\"down\"\n                  in={!showAddress}\n                  container={container.current}\n                  style={{\n                    position: 'absolute',\n                  }}\n                  appear={false}\n                >\n                  <Box\n                    sx={{\n                      pt: 0.25,\n                    }}\n                  >\n                    {token.name}\n                  </Box>\n                </Slide>\n                <Slide\n                  direction=\"up\"\n                  in={showAddress}\n                  container={container.current}\n                  style={{\n                    position: 'absolute',\n                  }}\n                  appear={false}\n                  mountOnEnter\n                >\n                  <Box\n                    sx={{\n                      display: 'flex',\n                      alignItems: 'center',\n                      gap: 0.5,\n                    }}\n                  >\n                    <Box\n                      sx={{\n                        display: 'flex',\n                        alignItems: 'center',\n                        pt: 0.125,\n                      }}\n                    >\n                      {shortenAddress(token.address)}\n                    </Box>\n                    <Box>\n                      <OpenTokenDetailsButton\n                        tokenAddress={token.address}\n                        withoutContractAddress={withoutContractAddress}\n                        chainId={token.chainId}\n                        onClick={onShowTokenDetails}\n                      />\n                      <PinTokenButton\n                        chainId={token.chainId}\n                        tokenAddress={token.address}\n                      />\n                    </Box>\n                  </Box>\n                </Slide>\n              </Box>\n            )\n          }\n        />\n        {isBalanceLoading ? (\n          <TokenAmountSkeleton />\n        ) : (\n          <Box sx={{ textAlign: 'right' }}>\n            {token.amount ? (\n              <Typography\n                noWrap\n                sx={{\n                  fontWeight: 600,\n                }}\n                title={tokenAmount}\n              >\n                {t('format.tokenAmount', {\n                  value: tokenAmount,\n                })}\n              </Typography>\n            ) : null}\n            {token.amount && token.priceUSD ? (\n              <Typography\n                data-price={token.priceUSD}\n                sx={{\n                  fontWeight: 500,\n                  fontSize: 12,\n                  color: 'text.secondary',\n                }}\n              >\n                {t('format.currency', {\n                  value: tokenPrice,\n                })}\n              </Typography>\n            ) : null}\n          </Box>\n        )}\n      </ListItemButton>\n    )\n  }\n)\n\nexport const TokenListItemSkeleton = (): JSX.Element => {\n  return (\n    <ListItem\n      secondaryAction={<TokenAmountSkeleton />}\n      disablePadding\n      sx={(theme) => ({\n        position: 'relative',\n        flexDirection: 'row',\n        alignItems: 'center',\n        padding: 0,\n        [`& .${listItemSecondaryActionClasses.root}`]: {\n          right: theme.spacing(1.5),\n        },\n      })}\n    >\n      <ListItemAvatar>\n        <Skeleton\n          variant=\"circular\"\n          width={40}\n          height={40}\n          sx={{ marginLeft: 1.5, marginRight: 2 }}\n        />\n      </ListItemAvatar>\n      <ListItemText\n        primary={<Skeleton variant=\"text\" width={56} height={24} />}\n        secondary={<Skeleton variant=\"text\" width={96} height={16} />}\n      />\n    </ListItem>\n  )\n}\n\nconst TokenAmountSkeleton: React.FC = () => {\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'flex-end',\n      }}\n    >\n      <Skeleton variant=\"text\" width={56} height={24} />\n      <Skeleton variant=\"text\" width={48} height={16} />\n    </Box>\n  )\n}\n"],"mappings":"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"}

package/dist/esm/components/TokenList/TokenNotFound.js

@@ -1,8 +1,12 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useTranslation } from 'react-i18next';
-import { SearchNotFound } from '../Search/SearchNotFound.js';
-export const TokenNotFound = () => {
-    const { t } = useTranslation();
-    return (_jsx(SearchNotFound, { message: t('info.message.emptyTokenListAllNetworks') }));
+import { SearchNotFound } from "../Search/SearchNotFound.js";
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/components/TokenList/TokenNotFound.tsx
+const TokenNotFound = () => {
+	const { t } = useTranslation();
+	return /* @__PURE__ */ jsx(SearchNotFound, { message: t("info.message.emptyTokenListAllNetworks") });
 };
+//#endregion
+export { TokenNotFound };
+
 //# sourceMappingURL=TokenNotFound.js.map

package/dist/esm/components/TokenList/TokenNotFound.js.map

@@ -1 +1 @@
-{"version":3,"file":"TokenNotFound.js","sourceRoot":"","sources":["../../../../src/components/TokenList/TokenNotFound.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAE5D,MAAM,CAAC,MAAM,aAAa,GAA4B,GAAG,EAAE;IACzD,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAE9B,OAAO,CACL,KAAC,cAAc,IAAC,OAAO,EAAE,CAAC,CAAC,wCAAwC,CAAC,GAAI,CACzE,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"TokenNotFound.js","names":[],"sources":["../../../../src/components/TokenList/TokenNotFound.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { FormTypeProps } from '../../stores/form/types.js'\nimport { SearchNotFound } from '../Search/SearchNotFound.js'\n\nexport const TokenNotFound: React.FC<FormTypeProps> = () => {\n  const { t } = useTranslation()\n\n  return (\n    <SearchNotFound message={t('info.message.emptyTokenListAllNetworks')} />\n  )\n}\n"],"mappings":";;;;AAIA,MAAa,sBAA+C;CAC1D,MAAM,EAAE,MAAM,gBAAgB;AAE9B,QACE,oBAAC,gBAAD,EAAgB,SAAS,EAAE,yCAAyC,EAAI,CAAA"}