@lifi/widget 4.8.0 → 4.9.0

package/dist/esm/pages/SendToWallet/BookmarkAddressSheet.js

@@ -37,7 +37,8 @@ const BookmarkAddressSheet = ({ validatedWallet, onAddBookmark, ref }) => {
 		return {
 			name: nameValue,
 			address: validationResult.address,
-			chainType: validationResult.chainType
+			chainType: validationResult.chainType,
+			chainId: validationResult.chainId
 		};
 	};
 	const validateWithValidatedWallet = (validatedWallet) => {
@@ -45,7 +46,8 @@ const BookmarkAddressSheet = ({ validatedWallet, onAddBookmark, ref }) => {
 		return {
 			name: nameValue,
 			address: validatedWallet.address,
-			chainType: validatedWallet.chainType
+			chainType: validatedWallet.chainType,
+			chainId: validatedWallet.chainId
 		};
 	};
 	const handleBookmark = async () => {
@@ -78,7 +80,8 @@ const BookmarkAddressSheet = ({ validatedWallet, onAddBookmark, ref }) => {
 			onAddBookmark({
 				name: validatedBookmark.name,
 				address: validatedBookmark.address,
-				chainType: validatedBookmark.chainType
+				chainType: validatedBookmark.chainType,
+				chainId: validatedBookmark.chainId
 			});
 		}
 	};
@@ -136,7 +139,7 @@ const BookmarkAddressSheet = ({ validatedWallet, onAddBookmark, ref }) => {
 						placeholder: t("sendToWallet.enterAddress", { context: "long" }),
 						"aria-label": t("sendToWallet.enterAddress", { context: "long" }),
 						maxRows: 2,
-						inputProps: { maxLength: 128 },
+						inputProps: { maxLength: 512 },
 						multiline: true
 					})
 				}),

package/dist/esm/pages/SendToWallet/BookmarkAddressSheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"BookmarkAddressSheet.js","names":[],"sources":["../../../../src/pages/SendToWallet/BookmarkAddressSheet.tsx"],"sourcesContent":["import ErrorIcon from '@mui/icons-material/Error'\nimport TurnedIn from '@mui/icons-material/TurnedIn'\nimport WarningRounded from '@mui/icons-material/WarningRounded'\nimport { Button, Typography } from '@mui/material'\nimport type { ChangeEvent, JSX, Ref, RefObject } from 'react'\nimport { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { BottomSheet } from '../../components/BottomSheet/BottomSheet.js'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { Input } from '../../components/Input.js'\nimport { AlertMessage } from '../../components/Messages/AlertMessage.js'\nimport { useAddressValidation } from '../../hooks/useAddressValidation.js'\nimport type { Bookmark } from '../../stores/bookmarks/types.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport {\n  AddressInput,\n  BookmarkInputFields,\n  IconContainer,\n  SendToWalletButtonRow,\n  SendToWalletCard,\n  SendToWalletSheetContainer,\n  SheetAddressContainer,\n  SheetTitle,\n  ValidationAlert,\n} from './SendToWalletPage.style.js'\nimport type { BookmarkError } from './types.js'\n\ninterface BookmarkAddressProps {\n  onAddBookmark: (bookmark: Bookmark) => void\n  validatedWallet?: Bookmark\n}\n\nexport const BookmarkAddressSheet = ({\n  validatedWallet,\n  onAddBookmark,\n  ref,\n}: BookmarkAddressProps & {\n  ref?: Ref<BottomSheetBase>\n}): JSX.Element => {\n  const { t } = useTranslation()\n  const [name, setName] = useState('')\n  const [address, setAddress] = useState('')\n  const [error, setError] = useState<BookmarkError>()\n  const { validateAddress, isValidating } = useAddressValidation()\n  const { getBookmark } = useBookmarkActions()\n\n  const nameValue = name.trim() || validatedWallet?.name || ''\n  const addressValue = address || validatedWallet?.address || ''\n\n  const handleCancel = () => {\n    setError(undefined)\n    ;(ref as RefObject<BottomSheetBase>).current?.close()\n  }\n\n  const validateWithAddressFromInput = async () => {\n    const validationResult = await validateAddress({ value: address })\n    if (!validationResult.isValid) {\n      setError({ type: 'address', message: validationResult.error })\n      return\n    }\n\n    return {\n      name: nameValue,\n      address: validationResult.address,\n      chainType: validationResult.chainType,\n    }\n  }\n\n  const validateWithValidatedWallet = (validatedWallet: Bookmark) => {\n    if (error) {\n      setError(undefined)\n    }\n    return {\n      name: nameValue,\n      address: validatedWallet.address,\n      chainType: validatedWallet.chainType,\n    }\n  }\n\n  const handleBookmark = async () => {\n    if (isValidating) {\n      return\n    }\n    if (!nameValue) {\n      setError({\n        type: 'name',\n        message: t('error.title.bookmarkNameRequired'),\n      })\n      return\n    }\n    if (!addressValue) {\n      setError({\n        type: 'address',\n        message: t('error.title.walletAddressRequired'),\n      })\n      return\n    }\n\n    //  If the validatedWallet is supplied as a prop then we should assume\n    //  the address has already been validated\n    const validatedBookmark = validatedWallet\n      ? validateWithValidatedWallet(validatedWallet)\n      : await validateWithAddressFromInput()\n\n    if (validatedBookmark) {\n      const existingBookmark = getBookmark(validatedBookmark.address)\n      if (existingBookmark) {\n        setError({\n          type: 'address',\n          message: t('error.title.bookmarkAlreadyExists', {\n            name: existingBookmark.name,\n          }),\n        })\n        return\n      }\n      ;(ref as RefObject<BottomSheetBase>).current?.close()\n\n      onAddBookmark({\n        name: validatedBookmark.name,\n        address: validatedBookmark.address,\n        chainType: validatedBookmark.chainType,\n      })\n    }\n  }\n\n  const handleAddressInputChange = (e: ChangeEvent) => {\n    if (error) {\n      setError(undefined)\n    }\n    setAddress((e.target as HTMLInputElement).value.trim())\n  }\n\n  const handleNameInputChange = (e: ChangeEvent) => {\n    if (error) {\n      setError(undefined)\n    }\n    setName((e.target as HTMLInputElement).value)\n  }\n\n  const resetValues = () => {\n    setName('')\n    setAddress('')\n  }\n\n  return (\n    <BottomSheet ref={ref} onClose={resetValues}>\n      <SendToWalletSheetContainer>\n        <IconContainer>\n          <TurnedIn sx={{ fontSize: 40 }} />\n        </IconContainer>\n        <SheetTitle>{t('sendToWallet.bookmarkWallet')}</SheetTitle>\n        {validatedWallet ? (\n          <SheetAddressContainer>\n            {validatedWallet?.name ? (\n              <Typography\n                sx={{\n                  fontWeight: 600,\n                  mb: 0.5,\n                }}\n              >\n                {validatedWallet?.name}\n              </Typography>\n            ) : null}\n            <Typography>{validatedWallet?.address}</Typography>\n          </SheetAddressContainer>\n        ) : null}\n        <BookmarkInputFields>\n          <SendToWalletCard type={error?.type === 'name' ? 'error' : 'default'}>\n            <Input\n              size=\"small\"\n              autoComplete=\"off\"\n              autoCorrect=\"off\"\n              autoCapitalize=\"off\"\n              spellCheck=\"false\"\n              onChange={handleNameInputChange}\n              value={name}\n              placeholder={validatedWallet?.name || t('sendToWallet.enterName')}\n              aria-label={validatedWallet?.name || t('sendToWallet.enterName')}\n              inputProps={{ maxLength: 128 }}\n            />\n          </SendToWalletCard>\n          {!validatedWallet && (\n            <SendToWalletCard\n              type={error?.type === 'address' ? 'error' : 'default'}\n            >\n              <AddressInput\n                size=\"small\"\n                autoComplete=\"off\"\n                autoCorrect=\"off\"\n                autoCapitalize=\"off\"\n                spellCheck=\"false\"\n                onChange={handleAddressInputChange}\n                value={address}\n                placeholder={t('sendToWallet.enterAddress', {\n                  context: 'long',\n                })}\n                aria-label={t('sendToWallet.enterAddress', {\n                  context: 'long',\n                })}\n                maxRows={2}\n                inputProps={{ maxLength: 128 }}\n                multiline\n              />\n            </SendToWalletCard>\n          )}\n          {error ? (\n            <ValidationAlert icon={<ErrorIcon />}>\n              {error.message}\n            </ValidationAlert>\n          ) : null}\n        </BookmarkInputFields>\n        <AlertMessage\n          title={\n            <Typography variant=\"body2\" sx={{ color: 'text.primary' }}>\n              {t('warning.message.fundsLossPrevention')}\n            </Typography>\n          }\n          icon={<WarningRounded />}\n        />\n        <SendToWalletButtonRow>\n          <Button variant=\"text\" onClick={handleCancel} fullWidth>\n            {t('button.cancel')}\n          </Button>\n          <Button\n            variant=\"contained\"\n            onClick={handleBookmark}\n            loading={isValidating}\n            loadingPosition=\"center\"\n            fullWidth\n            focusRipple\n          >\n            {t('button.bookmark')}\n          </Button>\n        </SendToWalletButtonRow>\n      </SendToWalletSheetContainer>\n    </BottomSheet>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"BookmarkAddressSheet.js","names":[],"sources":["../../../../src/pages/SendToWallet/BookmarkAddressSheet.tsx"],"sourcesContent":["import ErrorIcon from '@mui/icons-material/Error'\nimport TurnedIn from '@mui/icons-material/TurnedIn'\nimport WarningRounded from '@mui/icons-material/WarningRounded'\nimport { Button, Typography } from '@mui/material'\nimport type { ChangeEvent, JSX, Ref, RefObject } from 'react'\nimport { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { BottomSheet } from '../../components/BottomSheet/BottomSheet.js'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { Input } from '../../components/Input.js'\nimport { AlertMessage } from '../../components/Messages/AlertMessage.js'\nimport { addressInputMaxLength } from '../../config/constants.js'\nimport { useAddressValidation } from '../../hooks/useAddressValidation.js'\nimport type { Bookmark } from '../../stores/bookmarks/types.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport {\n  AddressInput,\n  BookmarkInputFields,\n  IconContainer,\n  SendToWalletButtonRow,\n  SendToWalletCard,\n  SendToWalletSheetContainer,\n  SheetAddressContainer,\n  SheetTitle,\n  ValidationAlert,\n} from './SendToWalletPage.style.js'\nimport type { BookmarkError } from './types.js'\n\ninterface BookmarkAddressProps {\n  onAddBookmark: (bookmark: Bookmark) => void\n  validatedWallet?: Bookmark\n}\n\nexport const BookmarkAddressSheet = ({\n  validatedWallet,\n  onAddBookmark,\n  ref,\n}: BookmarkAddressProps & {\n  ref?: Ref<BottomSheetBase>\n}): JSX.Element => {\n  const { t } = useTranslation()\n  const [name, setName] = useState('')\n  const [address, setAddress] = useState('')\n  const [error, setError] = useState<BookmarkError>()\n  const { validateAddress, isValidating } = useAddressValidation()\n  const { getBookmark } = useBookmarkActions()\n\n  const nameValue = name.trim() || validatedWallet?.name || ''\n  const addressValue = address || validatedWallet?.address || ''\n\n  const handleCancel = () => {\n    setError(undefined)\n    ;(ref as RefObject<BottomSheetBase>).current?.close()\n  }\n\n  const validateWithAddressFromInput = async () => {\n    const validationResult = await validateAddress({ value: address })\n    if (!validationResult.isValid) {\n      setError({ type: 'address', message: validationResult.error })\n      return\n    }\n\n    return {\n      name: nameValue,\n      address: validationResult.address,\n      chainType: validationResult.chainType,\n      chainId: validationResult.chainId,\n    }\n  }\n\n  const validateWithValidatedWallet = (validatedWallet: Bookmark) => {\n    if (error) {\n      setError(undefined)\n    }\n    return {\n      name: nameValue,\n      address: validatedWallet.address,\n      chainType: validatedWallet.chainType,\n      chainId: validatedWallet.chainId,\n    }\n  }\n\n  const handleBookmark = async () => {\n    if (isValidating) {\n      return\n    }\n    if (!nameValue) {\n      setError({\n        type: 'name',\n        message: t('error.title.bookmarkNameRequired'),\n      })\n      return\n    }\n    if (!addressValue) {\n      setError({\n        type: 'address',\n        message: t('error.title.walletAddressRequired'),\n      })\n      return\n    }\n\n    //  If the validatedWallet is supplied as a prop then we should assume\n    //  the address has already been validated\n    const validatedBookmark = validatedWallet\n      ? validateWithValidatedWallet(validatedWallet)\n      : await validateWithAddressFromInput()\n\n    if (validatedBookmark) {\n      const existingBookmark = getBookmark(validatedBookmark.address)\n      if (existingBookmark) {\n        setError({\n          type: 'address',\n          message: t('error.title.bookmarkAlreadyExists', {\n            name: existingBookmark.name,\n          }),\n        })\n        return\n      }\n      ;(ref as RefObject<BottomSheetBase>).current?.close()\n\n      onAddBookmark({\n        name: validatedBookmark.name,\n        address: validatedBookmark.address,\n        chainType: validatedBookmark.chainType,\n        chainId: validatedBookmark.chainId,\n      })\n    }\n  }\n\n  const handleAddressInputChange = (e: ChangeEvent) => {\n    if (error) {\n      setError(undefined)\n    }\n    setAddress((e.target as HTMLInputElement).value.trim())\n  }\n\n  const handleNameInputChange = (e: ChangeEvent) => {\n    if (error) {\n      setError(undefined)\n    }\n    setName((e.target as HTMLInputElement).value)\n  }\n\n  const resetValues = () => {\n    setName('')\n    setAddress('')\n  }\n\n  return (\n    <BottomSheet ref={ref} onClose={resetValues}>\n      <SendToWalletSheetContainer>\n        <IconContainer>\n          <TurnedIn sx={{ fontSize: 40 }} />\n        </IconContainer>\n        <SheetTitle>{t('sendToWallet.bookmarkWallet')}</SheetTitle>\n        {validatedWallet ? (\n          <SheetAddressContainer>\n            {validatedWallet?.name ? (\n              <Typography\n                sx={{\n                  fontWeight: 600,\n                  mb: 0.5,\n                }}\n              >\n                {validatedWallet?.name}\n              </Typography>\n            ) : null}\n            <Typography>{validatedWallet?.address}</Typography>\n          </SheetAddressContainer>\n        ) : null}\n        <BookmarkInputFields>\n          <SendToWalletCard type={error?.type === 'name' ? 'error' : 'default'}>\n            <Input\n              size=\"small\"\n              autoComplete=\"off\"\n              autoCorrect=\"off\"\n              autoCapitalize=\"off\"\n              spellCheck=\"false\"\n              onChange={handleNameInputChange}\n              value={name}\n              placeholder={validatedWallet?.name || t('sendToWallet.enterName')}\n              aria-label={validatedWallet?.name || t('sendToWallet.enterName')}\n              inputProps={{ maxLength: 128 }}\n            />\n          </SendToWalletCard>\n          {!validatedWallet && (\n            <SendToWalletCard\n              type={error?.type === 'address' ? 'error' : 'default'}\n            >\n              <AddressInput\n                size=\"small\"\n                autoComplete=\"off\"\n                autoCorrect=\"off\"\n                autoCapitalize=\"off\"\n                spellCheck=\"false\"\n                onChange={handleAddressInputChange}\n                value={address}\n                placeholder={t('sendToWallet.enterAddress', {\n                  context: 'long',\n                })}\n                aria-label={t('sendToWallet.enterAddress', {\n                  context: 'long',\n                })}\n                maxRows={2}\n                inputProps={{ maxLength: addressInputMaxLength }}\n                multiline\n              />\n            </SendToWalletCard>\n          )}\n          {error ? (\n            <ValidationAlert icon={<ErrorIcon />}>\n              {error.message}\n            </ValidationAlert>\n          ) : null}\n        </BookmarkInputFields>\n        <AlertMessage\n          title={\n            <Typography variant=\"body2\" sx={{ color: 'text.primary' }}>\n              {t('warning.message.fundsLossPrevention')}\n            </Typography>\n          }\n          icon={<WarningRounded />}\n        />\n        <SendToWalletButtonRow>\n          <Button variant=\"text\" onClick={handleCancel} fullWidth>\n            {t('button.cancel')}\n          </Button>\n          <Button\n            variant=\"contained\"\n            onClick={handleBookmark}\n            loading={isValidating}\n            loadingPosition=\"center\"\n            fullWidth\n            focusRipple\n          >\n            {t('button.bookmark')}\n          </Button>\n        </SendToWalletButtonRow>\n      </SendToWalletSheetContainer>\n    </BottomSheet>\n  )\n}\n"],"mappings":"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"}

package/dist/esm/pages/SendToWallet/BookmarksPage.js

@@ -1,9 +1,9 @@
+import { defaultChainIdsByType } from "../../utils/chainType.js";
 import { navigationRoutes } from "../../utils/navigationRoutes.js";
 import { useBookmarkActions } from "../../stores/bookmarks/useBookmarkActions.js";
 import { useBookmarks } from "../../stores/bookmarks/useBookmarks.js";
 import { useFieldActions } from "../../stores/form/useFieldActions.js";
 import { PageContainer } from "../../components/PageContainer.js";
-import { defaultChainIdsByType } from "../../utils/chainType.js";
 import { useToAddressRequirements } from "../../hooks/useToAddressRequirements.js";
 import { shortenAddress } from "../../utils/wallet.js";
 import { openInNewTab } from "../../utils/url.js";
@@ -33,7 +33,7 @@ const BookmarksPage = () => {
 	const listParentRef = useRef(null);
 	const buttonRef = useRef(null);
 	const { bookmarks } = useBookmarks();
-	const { requiredToChainType } = useToAddressRequirements();
+	const { isValidReceiver } = useToAddressRequirements();
 	const { addBookmark, removeBookmark, setSelectedBookmark } = useBookmarkActions();
 	const navigate = useNavigate();
 	const { setFieldValue } = useFieldActions();
@@ -69,36 +69,40 @@ const BookmarksPage = () => {
 				},
 				disablePadding: true,
 				sx: { paddingTop: 1.5 },
-				children: [bookmarks.map((bookmark) => /* @__PURE__ */ jsxs(ListItem$1, {
-					sx: { position: "relative" },
-					children: [/* @__PURE__ */ jsxs(ListItemButton$1, {
-						onClick: () => handleBookmarkSelected(bookmark),
-						disabled: requiredToChainType && requiredToChainType !== bookmark.chainType,
-						children: [/* @__PURE__ */ jsx(ListItemAvatar, { children: /* @__PURE__ */ jsx(AccountAvatar, { chainId: defaultChainIdsByType[bookmark.chainType] }) }), /* @__PURE__ */ jsx(ListItemText, {
-							primary: bookmark.name,
-							secondary: shortenAddress(bookmark.address)
+				children: [bookmarks.map((bookmark) => {
+					const disabled = !isValidReceiver(bookmark.address);
+					const chainId = bookmark.chainId ?? defaultChainIdsByType[bookmark.chainType];
+					return /* @__PURE__ */ jsxs(ListItem$1, {
+						sx: { position: "relative" },
+						children: [/* @__PURE__ */ jsxs(ListItemButton$1, {
+							onClick: () => handleBookmarkSelected(bookmark),
+							disabled,
+							children: [/* @__PURE__ */ jsx(ListItemAvatar, { children: /* @__PURE__ */ jsx(AccountAvatar, { chainId }) }), /* @__PURE__ */ jsx(ListItemText, {
+								primary: bookmark.name,
+								secondary: shortenAddress(bookmark.address)
+							})]
+						}), /* @__PURE__ */ jsx(ContextMenu, {
+							disabled,
+							items: [
+								{
+									icon: /* @__PURE__ */ jsx(ContentCopyRounded, {}),
+									label: t("button.copyAddress"),
+									onClick: () => navigator.clipboard.writeText(bookmark.address)
+								},
+								{
+									icon: /* @__PURE__ */ jsx(OpenInNewRounded, {}),
+									label: t("button.viewOnExplorer"),
+									onClick: () => openInNewTab(getAddressLink(bookmark.address, chainId))
+								},
+								{
+									icon: /* @__PURE__ */ jsx(DeleteOutline, {}),
+									label: t("button.delete"),
+									onClick: () => removeBookmark(bookmark.address)
+								}
+							]
 						})]
-					}), /* @__PURE__ */ jsx(ContextMenu, {
-						disabled: !!(requiredToChainType && requiredToChainType !== bookmark.chainType),
-						items: [
-							{
-								icon: /* @__PURE__ */ jsx(ContentCopyRounded, {}),
-								label: t("button.copyAddress"),
-								onClick: () => navigator.clipboard.writeText(bookmark.address)
-							},
-							{
-								icon: /* @__PURE__ */ jsx(OpenInNewRounded, {}),
-								label: t("button.viewOnExplorer"),
-								onClick: () => openInNewTab(getAddressLink(bookmark.address, defaultChainIdsByType[bookmark.chainType]))
-							},
-							{
-								icon: /* @__PURE__ */ jsx(DeleteOutline, {}),
-								label: t("button.delete"),
-								onClick: () => removeBookmark(bookmark.address)
-							}
-						]
-					})]
-				}, bookmark.address)), !bookmarks.length && /* @__PURE__ */ jsx(EmptyListIndicator, {
+					}, bookmark.address);
+				}), !bookmarks.length && /* @__PURE__ */ jsx(EmptyListIndicator, {
 					icon: /* @__PURE__ */ jsx(TurnedIn, {}),
 					title: t("sendToWallet.noBookmarkedWallets"),
 					message: t("sendToWallet.noBookmarkedWalletsMessage")

package/dist/esm/pages/SendToWallet/BookmarksPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BookmarksPage.js","names":["ListItem","ListItemButton"],"sources":["../../../../src/pages/SendToWallet/BookmarksPage.tsx"],"sourcesContent":["import ContentCopyRounded from '@mui/icons-material/ContentCopyRounded'\nimport DeleteOutline from '@mui/icons-material/DeleteOutlined'\nimport OpenInNewRounded from '@mui/icons-material/OpenInNewRounded'\nimport TurnedIn from '@mui/icons-material/TurnedIn'\nimport { Button, List, ListItemAvatar, ListItemText } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport { type JSX, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { AccountAvatar } from '../../components/Avatar/AccountAvatar.js'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { ContextMenu } from '../../components/ContextMenu.js'\nimport { EmptyListIndicator } from '../../components/EmptyListIndicator/EmptyListIndicator.js'\nimport { ListItem } from '../../components/ListItem/ListItem.js'\nimport { ListItemButton } from '../../components/ListItem/ListItemButton.js'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { useExplorer } from '../../hooks/useExplorer.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useListHeight } from '../../hooks/useListHeight.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport type { Bookmark } from '../../stores/bookmarks/types.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport { useBookmarks } from '../../stores/bookmarks/useBookmarks.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { defaultChainIdsByType } from '../../utils/chainType.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { openInNewTab } from '../../utils/url.js'\nimport { shortenAddress } from '../../utils/wallet.js'\nimport { BookmarkAddressSheet } from './BookmarkAddressSheet.js'\nimport { BookmarkButtonContainer } from './SendToWalletPage.style.js'\n\nexport const BookmarksPage = (): JSX.Element => {\n  const { t } = useTranslation()\n  const bookmarkAddressSheetRef = useRef<BottomSheetBase>(null)\n  const listParentRef = useRef<HTMLUListElement | null>(null)\n  const buttonRef = useRef<HTMLDivElement | null>(null)\n  const { bookmarks } = useBookmarks()\n  const { requiredToChainType } = useToAddressRequirements()\n  const { addBookmark, removeBookmark, setSelectedBookmark } =\n    useBookmarkActions()\n  const navigate = useNavigate()\n  const { setFieldValue } = useFieldActions()\n  const { getAddressLink } = useExplorer()\n\n  useHeader(t('header.bookmarkedWallets'))\n\n  const { listHeight } = useListHeight({\n    listParentRef,\n    headerRef: buttonRef,\n  })\n\n  const handleAddBookmark = () => {\n    bookmarkAddressSheetRef.current?.open()\n  }\n\n  const handleBookmarkSelected = (bookmark: Bookmark) => {\n    setFieldValue('toAddress', bookmark.address, {\n      isTouched: true,\n      isDirty: true,\n    })\n    setSelectedBookmark(bookmark)\n    navigate({ to: navigationRoutes.home, replace: true })\n  }\n\n  return (\n    <PageContainer disableGutters>\n      <List\n        className=\"long-list\"\n        ref={listParentRef}\n        style={{ height: listHeight, overflow: 'auto' }}\n        disablePadding\n        sx={{ paddingTop: 1.5 }}\n      >\n        {bookmarks.map((bookmark) => (\n          <ListItem key={bookmark.address} sx={{ position: 'relative' }}>\n            <ListItemButton\n              onClick={() => handleBookmarkSelected(bookmark)}\n              disabled={\n                requiredToChainType &&\n                requiredToChainType !== bookmark.chainType\n              }\n            >\n              <ListItemAvatar>\n                <AccountAvatar\n                  chainId={defaultChainIdsByType[bookmark.chainType]}\n                />\n              </ListItemAvatar>\n              <ListItemText\n                primary={bookmark.name}\n                secondary={shortenAddress(bookmark.address)}\n              />\n            </ListItemButton>\n            <ContextMenu\n              disabled={\n                !!(\n                  requiredToChainType &&\n                  requiredToChainType !== bookmark.chainType\n                )\n              }\n              items={[\n                {\n                  icon: <ContentCopyRounded />,\n                  label: t('button.copyAddress'),\n                  onClick: () =>\n                    navigator.clipboard.writeText(bookmark.address),\n                },\n                {\n                  icon: <OpenInNewRounded />,\n                  label: t('button.viewOnExplorer'),\n                  onClick: () =>\n                    openInNewTab(\n                      getAddressLink(\n                        bookmark.address,\n                        defaultChainIdsByType[bookmark.chainType]\n                      )\n                    ),\n                },\n                {\n                  icon: <DeleteOutline />,\n                  label: t('button.delete'),\n                  onClick: () => removeBookmark(bookmark.address),\n                },\n              ]}\n            />\n          </ListItem>\n        ))}\n        {!bookmarks.length && (\n          <EmptyListIndicator\n            icon={<TurnedIn />}\n            title={t('sendToWallet.noBookmarkedWallets')}\n            message={t('sendToWallet.noBookmarkedWalletsMessage')}\n          />\n        )}\n      </List>\n      <BookmarkButtonContainer ref={buttonRef}>\n        <Button variant=\"contained\" onClick={handleAddBookmark}>\n          {t('sendToWallet.addBookmark')}\n        </Button>\n      </BookmarkButtonContainer>\n      <BookmarkAddressSheet\n        ref={bookmarkAddressSheetRef}\n        onAddBookmark={addBookmark}\n      />\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,MAAa,sBAAmC;CAC9C,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,0BAA0B,OAAwB,IAAI;CAC5D,MAAM,gBAAgB,OAAgC,IAAI;CAC1D,MAAM,YAAY,OAA8B,IAAI;CACpD,MAAM,EAAE,cAAc,aAAa;CACnC,MAAM,EAAE,wBAAwB,yBAAyB;CACzD,MAAM,EAAE,aAAa,gBAAgB,wBACnC,mBAAmB;CACrB,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,EAAE,mBAAmB,YAAY;CAEvC,UAAU,EAAE,0BAA0B,CAAC;CAEvC,MAAM,EAAE,eAAe,cAAc;EACnC;EACA,WAAW;CACb,CAAC;CAED,MAAM,0BAA0B;EAC9B,wBAAwB,SAAS,KAAK;CACxC;CAEA,MAAM,0BAA0B,aAAuB;EACrD,cAAc,aAAa,SAAS,SAAS;GAC3C,WAAW;GACX,SAAS;EACX,CAAC;EACD,oBAAoB,QAAQ;EAC5B,SAAS;GAAE,IAAI,iBAAiB;GAAM,SAAS;EAAK,CAAC;CACvD;CAEA,OACE,qBAAC,eAAD;EAAe,gBAAA;EAAf,UAAA;GACE,qBAAC,MAAD;IACE,WAAU;IACV,KAAK;IACL,OAAO;KAAE,QAAQ;KAAY,UAAU;IAAO;IAC9C,gBAAA;IACA,IAAI,EAAE,YAAY,IAAI;IALxB,UAAA,CAOG,UAAU,KAAK,aACd,qBAACA,YAAD;KAAiC,IAAI,EAAE,UAAU,WAAW;KAA5D,UAAA,CACE,qBAACC,kBAAD;MACE,eAAe,uBAAuB,QAAQ;MAC9C,UACE,uBACA,wBAAwB,SAAS;MAJrC,UAAA,CAOE,oBAAC,gBAAD,EAAA,UACE,oBAAC,eAAD,EACE,SAAS,sBAAsB,SAAS,WACzC,CAAA,EACa,CAAA,GAChB,oBAAC,cAAD;OACE,SAAS,SAAS;OAClB,WAAW,eAAe,SAAS,OAAO;MAC3C,CAAA,CACa;KAChB,CAAA,GAAA,oBAAC,aAAD;MACE,UACE,CAAC,EACC,uBACA,wBAAwB,SAAS;MAGrC,OAAO;OACL;QACE,MAAM,oBAAC,oBAAD,CAAqB,CAAA;QAC3B,OAAO,EAAE,oBAAoB;QAC7B,eACE,UAAU,UAAU,UAAU,SAAS,OAAO;OAClD;OACA;QACE,MAAM,oBAAC,kBAAD,CAAmB,CAAA;QACzB,OAAO,EAAE,uBAAuB;QAChC,eACE,aACE,eACE,SAAS,SACT,sBAAsB,SAAS,UACjC,CACF;OACJ;OACA;QACE,MAAM,oBAAC,eAAD,CAAgB,CAAA;QACtB,OAAO,EAAE,eAAe;QACxB,eAAe,eAAe,SAAS,OAAO;OAChD;MACF;KACD,CAAA,CACO;IAlDK,GAAA,SAAS,OAkDd,CACX,GACA,CAAC,UAAU,UACV,oBAAC,oBAAD;KACE,MAAM,oBAAC,UAAD,CAAW,CAAA;KACjB,OAAO,EAAE,kCAAkC;KAC3C,SAAS,EAAE,yCAAyC;IACrD,CAAA,CAEC;;GACN,oBAAC,yBAAD;IAAyB,KAAK;IAC5B,UAAA,oBAAC,QAAD;KAAQ,SAAQ;KAAY,SAAS;KAClC,UAAA,EAAE,0BAA0B;IACvB,CAAA;GACe,CAAA;GACzB,oBAAC,sBAAD;IACE,KAAK;IACL,eAAe;GAChB,CAAA;EACY;;AAEnB"}
+{"version":3,"file":"BookmarksPage.js","names":["ListItem","ListItemButton"],"sources":["../../../../src/pages/SendToWallet/BookmarksPage.tsx"],"sourcesContent":["import ContentCopyRounded from '@mui/icons-material/ContentCopyRounded'\nimport DeleteOutline from '@mui/icons-material/DeleteOutlined'\nimport OpenInNewRounded from '@mui/icons-material/OpenInNewRounded'\nimport TurnedIn from '@mui/icons-material/TurnedIn'\nimport { Button, List, ListItemAvatar, ListItemText } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport { type JSX, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { AccountAvatar } from '../../components/Avatar/AccountAvatar.js'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { ContextMenu } from '../../components/ContextMenu.js'\nimport { EmptyListIndicator } from '../../components/EmptyListIndicator/EmptyListIndicator.js'\nimport { ListItem } from '../../components/ListItem/ListItem.js'\nimport { ListItemButton } from '../../components/ListItem/ListItemButton.js'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { useExplorer } from '../../hooks/useExplorer.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useListHeight } from '../../hooks/useListHeight.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport type { Bookmark } from '../../stores/bookmarks/types.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport { useBookmarks } from '../../stores/bookmarks/useBookmarks.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { defaultChainIdsByType } from '../../utils/chainType.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { openInNewTab } from '../../utils/url.js'\nimport { shortenAddress } from '../../utils/wallet.js'\nimport { BookmarkAddressSheet } from './BookmarkAddressSheet.js'\nimport { BookmarkButtonContainer } from './SendToWalletPage.style.js'\n\nexport const BookmarksPage = (): JSX.Element => {\n  const { t } = useTranslation()\n  const bookmarkAddressSheetRef = useRef<BottomSheetBase>(null)\n  const listParentRef = useRef<HTMLUListElement | null>(null)\n  const buttonRef = useRef<HTMLDivElement | null>(null)\n  const { bookmarks } = useBookmarks()\n  const { isValidReceiver } = useToAddressRequirements()\n  const { addBookmark, removeBookmark, setSelectedBookmark } =\n    useBookmarkActions()\n  const navigate = useNavigate()\n  const { setFieldValue } = useFieldActions()\n  const { getAddressLink } = useExplorer()\n\n  useHeader(t('header.bookmarkedWallets'))\n\n  const { listHeight } = useListHeight({\n    listParentRef,\n    headerRef: buttonRef,\n  })\n\n  const handleAddBookmark = () => {\n    bookmarkAddressSheetRef.current?.open()\n  }\n\n  const handleBookmarkSelected = (bookmark: Bookmark) => {\n    setFieldValue('toAddress', bookmark.address, {\n      isTouched: true,\n      isDirty: true,\n    })\n    setSelectedBookmark(bookmark)\n    navigate({ to: navigationRoutes.home, replace: true })\n  }\n\n  return (\n    <PageContainer disableGutters>\n      <List\n        className=\"long-list\"\n        ref={listParentRef}\n        style={{ height: listHeight, overflow: 'auto' }}\n        disablePadding\n        sx={{ paddingTop: 1.5 }}\n      >\n        {bookmarks.map((bookmark) => {\n          const disabled = !isValidReceiver(bookmark.address)\n          const chainId =\n            bookmark.chainId ?? defaultChainIdsByType[bookmark.chainType]\n          return (\n            <ListItem key={bookmark.address} sx={{ position: 'relative' }}>\n              <ListItemButton\n                onClick={() => handleBookmarkSelected(bookmark)}\n                disabled={disabled}\n              >\n                <ListItemAvatar>\n                  <AccountAvatar chainId={chainId} />\n                </ListItemAvatar>\n                <ListItemText\n                  primary={bookmark.name}\n                  secondary={shortenAddress(bookmark.address)}\n                />\n              </ListItemButton>\n              <ContextMenu\n                disabled={disabled}\n                items={[\n                  {\n                    icon: <ContentCopyRounded />,\n                    label: t('button.copyAddress'),\n                    onClick: () =>\n                      navigator.clipboard.writeText(bookmark.address),\n                  },\n                  {\n                    icon: <OpenInNewRounded />,\n                    label: t('button.viewOnExplorer'),\n                    onClick: () =>\n                      openInNewTab(getAddressLink(bookmark.address, chainId)),\n                  },\n                  {\n                    icon: <DeleteOutline />,\n                    label: t('button.delete'),\n                    onClick: () => removeBookmark(bookmark.address),\n                  },\n                ]}\n              />\n            </ListItem>\n          )\n        })}\n        {!bookmarks.length && (\n          <EmptyListIndicator\n            icon={<TurnedIn />}\n            title={t('sendToWallet.noBookmarkedWallets')}\n            message={t('sendToWallet.noBookmarkedWalletsMessage')}\n          />\n        )}\n      </List>\n      <BookmarkButtonContainer ref={buttonRef}>\n        <Button variant=\"contained\" onClick={handleAddBookmark}>\n          {t('sendToWallet.addBookmark')}\n        </Button>\n      </BookmarkButtonContainer>\n      <BookmarkAddressSheet\n        ref={bookmarkAddressSheetRef}\n        onAddBookmark={addBookmark}\n      />\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,MAAa,sBAAmC;CAC9C,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,0BAA0B,OAAwB,IAAI;CAC5D,MAAM,gBAAgB,OAAgC,IAAI;CAC1D,MAAM,YAAY,OAA8B,IAAI;CACpD,MAAM,EAAE,cAAc,aAAa;CACnC,MAAM,EAAE,oBAAoB,yBAAyB;CACrD,MAAM,EAAE,aAAa,gBAAgB,wBACnC,mBAAmB;CACrB,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,EAAE,mBAAmB,YAAY;CAEvC,UAAU,EAAE,0BAA0B,CAAC;CAEvC,MAAM,EAAE,eAAe,cAAc;EACnC;EACA,WAAW;CACb,CAAC;CAED,MAAM,0BAA0B;EAC9B,wBAAwB,SAAS,KAAK;CACxC;CAEA,MAAM,0BAA0B,aAAuB;EACrD,cAAc,aAAa,SAAS,SAAS;GAC3C,WAAW;GACX,SAAS;EACX,CAAC;EACD,oBAAoB,QAAQ;EAC5B,SAAS;GAAE,IAAI,iBAAiB;GAAM,SAAS;EAAK,CAAC;CACvD;CAEA,OACE,qBAAC,eAAD;EAAe,gBAAA;EAAf,UAAA;GACE,qBAAC,MAAD;IACE,WAAU;IACV,KAAK;IACL,OAAO;KAAE,QAAQ;KAAY,UAAU;IAAO;IAC9C,gBAAA;IACA,IAAI,EAAE,YAAY,IAAI;IALxB,UAAA,CAOG,UAAU,KAAK,aAAa;KAC3B,MAAM,WAAW,CAAC,gBAAgB,SAAS,OAAO;KAClD,MAAM,UACJ,SAAS,WAAW,sBAAsB,SAAS;KACrD,OACE,qBAACA,YAAD;MAAiC,IAAI,EAAE,UAAU,WAAW;MAA5D,UAAA,CACE,qBAACC,kBAAD;OACE,eAAe,uBAAuB,QAAQ;OACpC;OAFZ,UAAA,CAIE,oBAAC,gBAAD,EAAA,UACE,oBAAC,eAAD,EAAwB,QAAU,CAAA,EACpB,CAAA,GAChB,oBAAC,cAAD;QACE,SAAS,SAAS;QAClB,WAAW,eAAe,SAAS,OAAO;OAC3C,CAAA,CACa;MAChB,CAAA,GAAA,oBAAC,aAAD;OACY;OACV,OAAO;QACL;SACE,MAAM,oBAAC,oBAAD,CAAqB,CAAA;SAC3B,OAAO,EAAE,oBAAoB;SAC7B,eACE,UAAU,UAAU,UAAU,SAAS,OAAO;QAClD;QACA;SACE,MAAM,oBAAC,kBAAD,CAAmB,CAAA;SACzB,OAAO,EAAE,uBAAuB;SAChC,eACE,aAAa,eAAe,SAAS,SAAS,OAAO,CAAC;QAC1D;QACA;SACE,MAAM,oBAAC,eAAD,CAAgB,CAAA;SACtB,OAAO,EAAE,eAAe;SACxB,eAAe,eAAe,SAAS,OAAO;QAChD;OACF;MACD,CAAA,CACO;KAnCK,GAAA,SAAS,OAmCd;IAEd,CAAC,GACA,CAAC,UAAU,UACV,oBAAC,oBAAD;KACE,MAAM,oBAAC,UAAD,CAAW,CAAA;KACjB,OAAO,EAAE,kCAAkC;KAC3C,SAAS,EAAE,yCAAyC;IACrD,CAAA,CAEC;;GACN,oBAAC,yBAAD;IAAyB,KAAK;IAC5B,UAAA,oBAAC,QAAD;KAAQ,SAAQ;KAAY,SAAS;KAClC,UAAA,EAAE,0BAA0B;IACvB,CAAA;GACe,CAAA;GACzB,oBAAC,sBAAD;IACE,KAAK;IACL,eAAe;GAChB,CAAA;EACY;;AAEnB"}

package/dist/esm/pages/SendToWallet/ConnectedWalletsPage.js

@@ -27,7 +27,7 @@ const ConnectedWalletsPage = () => {
 	const { t } = useTranslation();
 	const { accounts } = useAccount();
 	const { setSelectedBookmark } = useBookmarkActions();
-	const { requiredToChainType } = useToAddressRequirements();
+	const { isValidReceiver } = useToAddressRequirements();
 	const navigate = useNavigate();
 	const { setFieldValue } = useFieldActions();
 	const { getAddressLink } = useExplorer();
@@ -76,11 +76,12 @@ const ConnectedWalletsPage = () => {
 						if (account.address) openInNewTab(getAddressLink(account.address, account.chainId));
 					}
 				}] : []];
+				const disabled = !isValidReceiver(account.address);
 				return /* @__PURE__ */ jsxs(ListItem$1, {
 					sx: { position: "relative" },
 					children: [/* @__PURE__ */ jsxs(ListItemButton$1, {
 						onClick: () => handleWalletSelected(account),
-						disabled: requiredToChainType && requiredToChainType !== account.chainType,
+						disabled,
 						children: [/* @__PURE__ */ jsx(ListItemAvatar, { children: /* @__PURE__ */ jsx(AccountAvatar, {
 							chainId: account.chainId,
 							account
@@ -90,7 +91,7 @@ const ConnectedWalletsPage = () => {
 						})]
 					}), /* @__PURE__ */ jsx(ContextMenu, {
 						items: menuItems,
-						disabled: !!(requiredToChainType && requiredToChainType !== account.chainType)
+						disabled
 					})]
 				}, account.address);
 			}), !accounts.length && /* @__PURE__ */ jsx(EmptyListIndicator, {

package/dist/esm/pages/SendToWallet/ConnectedWalletsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectedWalletsPage.js","names":["ListItem","ListItemButton"],"sources":["../../../../src/pages/SendToWallet/ConnectedWalletsPage.tsx"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport type { Account } from '@lifi/widget-provider'\nimport ContentCopyRounded from '@mui/icons-material/ContentCopyRounded'\nimport OpenInNewRounded from '@mui/icons-material/OpenInNewRounded'\nimport Wallet from '@mui/icons-material/Wallet'\nimport { List, ListItemAvatar, ListItemText } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport { type JSX, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { AccountAvatar } from '../../components/Avatar/AccountAvatar.js'\nimport { ContextMenu } from '../../components/ContextMenu.js'\nimport { EmptyListIndicator } from '../../components/EmptyListIndicator/EmptyListIndicator.js'\nimport { ListItem } from '../../components/ListItem/ListItem.js'\nimport { ListItemButton } from '../../components/ListItem/ListItemButton.js'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { useExplorer } from '../../hooks/useExplorer.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useListHeight } from '../../hooks/useListHeight.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { openInNewTab } from '../../utils/url.js'\nimport { shortenAddress } from '../../utils/wallet.js'\n\nexport const ConnectedWalletsPage = (): JSX.Element => {\n  const { t } = useTranslation()\n  const { accounts } = useAccount()\n  const { setSelectedBookmark } = useBookmarkActions()\n  const { requiredToChainType } = useToAddressRequirements()\n  const navigate = useNavigate()\n  const { setFieldValue } = useFieldActions()\n  const { getAddressLink } = useExplorer()\n  const listParentRef = useRef<HTMLUListElement | null>(null)\n\n  useHeader(t('sendToWallet.connectedWallets'))\n\n  const { listHeight } = useListHeight({ listParentRef })\n\n  const handleWalletSelected = (account: Account) => {\n    setFieldValue('toAddress', account.address!, {\n      isTouched: true,\n      isDirty: true,\n    })\n    setSelectedBookmark({\n      name: account.connector?.name,\n      address: account.address!,\n      chainType: account.chainType!,\n      isConnectedAccount: true,\n    })\n    navigate({\n      to: navigationRoutes.home,\n      replace: true,\n    })\n  }\n\n  return (\n    <PageContainer disableGutters>\n      <List\n        className=\"long-list\"\n        ref={listParentRef}\n        style={{ height: listHeight, overflow: 'auto' }}\n        disablePadding\n        sx={{ paddingTop: 1.5 }}\n      >\n        {accounts.map((account) => {\n          const walletAddress = shortenAddress(account.address)\n          const menuItems = [\n            {\n              icon: <ContentCopyRounded />,\n              label: t('button.copyAddress'),\n              onClick: () => {\n                if (account.address) {\n                  navigator.clipboard.writeText(account.address)\n                }\n              },\n            },\n            ...(account.chainId\n              ? [\n                  {\n                    icon: <OpenInNewRounded />,\n                    label: t('button.viewOnExplorer'),\n                    onClick: () => {\n                      if (account.address) {\n                        openInNewTab(\n                          getAddressLink(account.address, account.chainId)\n                        )\n                      }\n                    },\n                  },\n                ]\n              : []),\n          ]\n\n          return (\n            <ListItem key={account.address} sx={{ position: 'relative' }}>\n              <ListItemButton\n                onClick={() => handleWalletSelected(account)}\n                disabled={\n                  requiredToChainType &&\n                  requiredToChainType !== account.chainType\n                }\n              >\n                <ListItemAvatar>\n                  <AccountAvatar chainId={account.chainId} account={account} />\n                </ListItemAvatar>\n                <ListItemText\n                  primary={account.connector?.name}\n                  secondary={walletAddress}\n                />\n              </ListItemButton>\n              <ContextMenu\n                items={menuItems}\n                disabled={\n                  !!(\n                    requiredToChainType &&\n                    requiredToChainType !== account.chainType\n                  )\n                }\n              />\n            </ListItem>\n          )\n        })}\n        {!accounts.length && (\n          <EmptyListIndicator\n            icon={<Wallet />}\n            title={t('sendToWallet.noConnectedWallets')}\n            message={t('sendToWallet.noConnectedWalletsMessage')}\n          />\n        )}\n      </List>\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAa,6BAA0C;CACrD,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,aAAa,WAAW;CAChC,MAAM,EAAE,wBAAwB,mBAAmB;CACnD,MAAM,EAAE,wBAAwB,yBAAyB;CACzD,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,EAAE,mBAAmB,YAAY;CACvC,MAAM,gBAAgB,OAAgC,IAAI;CAE1D,UAAU,EAAE,+BAA+B,CAAC;CAE5C,MAAM,EAAE,eAAe,cAAc,EAAE,cAAc,CAAC;CAEtD,MAAM,wBAAwB,YAAqB;EACjD,cAAc,aAAa,QAAQ,SAAU;GAC3C,WAAW;GACX,SAAS;EACX,CAAC;EACD,oBAAoB;GAClB,MAAM,QAAQ,WAAW;GACzB,SAAS,QAAQ;GACjB,WAAW,QAAQ;GACnB,oBAAoB;EACtB,CAAC;EACD,SAAS;GACP,IAAI,iBAAiB;GACrB,SAAS;EACX,CAAC;CACH;CAEA,OACE,oBAAC,eAAD;EAAe,gBAAA;EACb,UAAA,qBAAC,MAAD;GACE,WAAU;GACV,KAAK;GACL,OAAO;IAAE,QAAQ;IAAY,UAAU;GAAO;GAC9C,gBAAA;GACA,IAAI,EAAE,YAAY,IAAI;GALxB,UAAA,CAOG,SAAS,KAAK,YAAY;IACzB,MAAM,gBAAgB,eAAe,QAAQ,OAAO;IACpD,MAAM,YAAY,CAChB;KACE,MAAM,oBAAC,oBAAD,CAAqB,CAAA;KAC3B,OAAO,EAAE,oBAAoB;KAC7B,eAAe;MACb,IAAI,QAAQ,SACV,UAAU,UAAU,UAAU,QAAQ,OAAO;KAEjD;IACF,GACA,GAAI,QAAQ,UACR,CACE;KACE,MAAM,oBAAC,kBAAD,CAAmB,CAAA;KACzB,OAAO,EAAE,uBAAuB;KAChC,eAAe;MACb,IAAI,QAAQ,SACV,aACE,eAAe,QAAQ,SAAS,QAAQ,OAAO,CACjD;KAEJ;IACF,CACF,IACA,CAAC,CACP;IAEA,OACE,qBAACA,YAAD;KAAgC,IAAI,EAAE,UAAU,WAAW;KAA3D,UAAA,CACE,qBAACC,kBAAD;MACE,eAAe,qBAAqB,OAAO;MAC3C,UACE,uBACA,wBAAwB,QAAQ;MAJpC,UAAA,CAOE,oBAAC,gBAAD,EAAA,UACE,oBAAC,eAAD;OAAe,SAAS,QAAQ;OAAkB;MAAU,CAAA,EAC9C,CAAA,GAChB,oBAAC,cAAD;OACE,SAAS,QAAQ,WAAW;OAC5B,WAAW;MACZ,CAAA,CACa;KAChB,CAAA,GAAA,oBAAC,aAAD;MACE,OAAO;MACP,UACE,CAAC,EACC,uBACA,wBAAwB,QAAQ;KAGrC,CAAA,CACO;IAzBK,GAAA,QAAQ,OAyBb;GAEd,CAAC,GACA,CAAC,SAAS,UACT,oBAAC,oBAAD;IACE,MAAM,oBAAC,QAAD,CAAS,CAAA;IACf,OAAO,EAAE,iCAAiC;IAC1C,SAAS,EAAE,wCAAwC;GACpD,CAAA,CAEC;;CACO,CAAA;AAEnB"}
+{"version":3,"file":"ConnectedWalletsPage.js","names":["ListItem","ListItemButton"],"sources":["../../../../src/pages/SendToWallet/ConnectedWalletsPage.tsx"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport type { Account } from '@lifi/widget-provider'\nimport ContentCopyRounded from '@mui/icons-material/ContentCopyRounded'\nimport OpenInNewRounded from '@mui/icons-material/OpenInNewRounded'\nimport Wallet from '@mui/icons-material/Wallet'\nimport { List, ListItemAvatar, ListItemText } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport { type JSX, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { AccountAvatar } from '../../components/Avatar/AccountAvatar.js'\nimport { ContextMenu } from '../../components/ContextMenu.js'\nimport { EmptyListIndicator } from '../../components/EmptyListIndicator/EmptyListIndicator.js'\nimport { ListItem } from '../../components/ListItem/ListItem.js'\nimport { ListItemButton } from '../../components/ListItem/ListItemButton.js'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { useExplorer } from '../../hooks/useExplorer.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useListHeight } from '../../hooks/useListHeight.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { openInNewTab } from '../../utils/url.js'\nimport { shortenAddress } from '../../utils/wallet.js'\n\nexport const ConnectedWalletsPage = (): JSX.Element => {\n  const { t } = useTranslation()\n  const { accounts } = useAccount()\n  const { setSelectedBookmark } = useBookmarkActions()\n  const { isValidReceiver } = useToAddressRequirements()\n  const navigate = useNavigate()\n  const { setFieldValue } = useFieldActions()\n  const { getAddressLink } = useExplorer()\n  const listParentRef = useRef<HTMLUListElement | null>(null)\n\n  useHeader(t('sendToWallet.connectedWallets'))\n\n  const { listHeight } = useListHeight({ listParentRef })\n\n  const handleWalletSelected = (account: Account) => {\n    setFieldValue('toAddress', account.address!, {\n      isTouched: true,\n      isDirty: true,\n    })\n    setSelectedBookmark({\n      name: account.connector?.name,\n      address: account.address!,\n      chainType: account.chainType!,\n      isConnectedAccount: true,\n    })\n    navigate({\n      to: navigationRoutes.home,\n      replace: true,\n    })\n  }\n\n  return (\n    <PageContainer disableGutters>\n      <List\n        className=\"long-list\"\n        ref={listParentRef}\n        style={{ height: listHeight, overflow: 'auto' }}\n        disablePadding\n        sx={{ paddingTop: 1.5 }}\n      >\n        {accounts.map((account) => {\n          const walletAddress = shortenAddress(account.address)\n          const menuItems = [\n            {\n              icon: <ContentCopyRounded />,\n              label: t('button.copyAddress'),\n              onClick: () => {\n                if (account.address) {\n                  navigator.clipboard.writeText(account.address)\n                }\n              },\n            },\n            ...(account.chainId\n              ? [\n                  {\n                    icon: <OpenInNewRounded />,\n                    label: t('button.viewOnExplorer'),\n                    onClick: () => {\n                      if (account.address) {\n                        openInNewTab(\n                          getAddressLink(account.address, account.chainId)\n                        )\n                      }\n                    },\n                  },\n                ]\n              : []),\n          ]\n          const disabled = !isValidReceiver(account.address)\n\n          return (\n            <ListItem key={account.address} sx={{ position: 'relative' }}>\n              <ListItemButton\n                onClick={() => handleWalletSelected(account)}\n                disabled={disabled}\n              >\n                <ListItemAvatar>\n                  <AccountAvatar chainId={account.chainId} account={account} />\n                </ListItemAvatar>\n                <ListItemText\n                  primary={account.connector?.name}\n                  secondary={walletAddress}\n                />\n              </ListItemButton>\n              <ContextMenu items={menuItems} disabled={disabled} />\n            </ListItem>\n          )\n        })}\n        {!accounts.length && (\n          <EmptyListIndicator\n            icon={<Wallet />}\n            title={t('sendToWallet.noConnectedWallets')}\n            message={t('sendToWallet.noConnectedWalletsMessage')}\n          />\n        )}\n      </List>\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAa,6BAA0C;CACrD,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,aAAa,WAAW;CAChC,MAAM,EAAE,wBAAwB,mBAAmB;CACnD,MAAM,EAAE,oBAAoB,yBAAyB;CACrD,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,EAAE,mBAAmB,YAAY;CACvC,MAAM,gBAAgB,OAAgC,IAAI;CAE1D,UAAU,EAAE,+BAA+B,CAAC;CAE5C,MAAM,EAAE,eAAe,cAAc,EAAE,cAAc,CAAC;CAEtD,MAAM,wBAAwB,YAAqB;EACjD,cAAc,aAAa,QAAQ,SAAU;GAC3C,WAAW;GACX,SAAS;EACX,CAAC;EACD,oBAAoB;GAClB,MAAM,QAAQ,WAAW;GACzB,SAAS,QAAQ;GACjB,WAAW,QAAQ;GACnB,oBAAoB;EACtB,CAAC;EACD,SAAS;GACP,IAAI,iBAAiB;GACrB,SAAS;EACX,CAAC;CACH;CAEA,OACE,oBAAC,eAAD;EAAe,gBAAA;EACb,UAAA,qBAAC,MAAD;GACE,WAAU;GACV,KAAK;GACL,OAAO;IAAE,QAAQ;IAAY,UAAU;GAAO;GAC9C,gBAAA;GACA,IAAI,EAAE,YAAY,IAAI;GALxB,UAAA,CAOG,SAAS,KAAK,YAAY;IACzB,MAAM,gBAAgB,eAAe,QAAQ,OAAO;IACpD,MAAM,YAAY,CAChB;KACE,MAAM,oBAAC,oBAAD,CAAqB,CAAA;KAC3B,OAAO,EAAE,oBAAoB;KAC7B,eAAe;MACb,IAAI,QAAQ,SACV,UAAU,UAAU,UAAU,QAAQ,OAAO;KAEjD;IACF,GACA,GAAI,QAAQ,UACR,CACE;KACE,MAAM,oBAAC,kBAAD,CAAmB,CAAA;KACzB,OAAO,EAAE,uBAAuB;KAChC,eAAe;MACb,IAAI,QAAQ,SACV,aACE,eAAe,QAAQ,SAAS,QAAQ,OAAO,CACjD;KAEJ;IACF,CACF,IACA,CAAC,CACP;IACA,MAAM,WAAW,CAAC,gBAAgB,QAAQ,OAAO;IAEjD,OACE,qBAACA,YAAD;KAAgC,IAAI,EAAE,UAAU,WAAW;KAA3D,UAAA,CACE,qBAACC,kBAAD;MACE,eAAe,qBAAqB,OAAO;MACjC;MAFZ,UAAA,CAIE,oBAAC,gBAAD,EAAA,UACE,oBAAC,eAAD;OAAe,SAAS,QAAQ;OAAkB;MAAU,CAAA,EAC9C,CAAA,GAChB,oBAAC,cAAD;OACE,SAAS,QAAQ,WAAW;OAC5B,WAAW;MACZ,CAAA,CACa;KAChB,CAAA,GAAA,oBAAC,aAAD;MAAa,OAAO;MAAqB;KAAW,CAAA,CAC5C;IAdK,GAAA,QAAQ,OAcb;GAEd,CAAC,GACA,CAAC,SAAS,UACT,oBAAC,oBAAD;IACE,MAAM,oBAAC,QAAD,CAAS,CAAA;IACf,OAAO,EAAE,iCAAiC;IAC1C,SAAS,EAAE,wCAAwC;GACpD,CAAA,CAEC;;CACO,CAAA;AAEnB"}

package/dist/esm/pages/SendToWallet/RecentWalletsPage.js

@@ -1,9 +1,9 @@
+import { defaultChainIdsByType } from "../../utils/chainType.js";
 import { navigationRoutes } from "../../utils/navigationRoutes.js";
 import { useBookmarkActions } from "../../stores/bookmarks/useBookmarkActions.js";
 import { useBookmarks } from "../../stores/bookmarks/useBookmarks.js";
 import { useFieldActions } from "../../stores/form/useFieldActions.js";
 import { PageContainer } from "../../components/PageContainer.js";
-import { defaultChainIdsByType } from "../../utils/chainType.js";
 import { useToAddressRequirements } from "../../hooks/useToAddressRequirements.js";
 import { shortenAddress } from "../../utils/wallet.js";
 import { openInNewTab } from "../../utils/url.js";
@@ -34,7 +34,7 @@ const RecentWalletsPage = () => {
 	const bookmarkAddressSheetRef = useRef(null);
 	const listParentRef = useRef(null);
 	const { recentWallets } = useBookmarks();
-	const { requiredToChainType } = useToAddressRequirements();
+	const { isValidReceiver } = useToAddressRequirements();
 	const { removeRecentWallet, addBookmark, setSelectedBookmark, addRecentWallet } = useBookmarkActions();
 	const { setFieldValue } = useFieldActions();
 	const { getAddressLink } = useExplorer();
@@ -70,44 +70,48 @@ const RecentWalletsPage = () => {
 			},
 			disablePadding: true,
 			sx: { paddingTop: 1.5 },
-			children: [recentWallets.map((recentWallet) => /* @__PURE__ */ jsxs(ListItem$1, {
-				sx: { position: "relative" },
-				children: [/* @__PURE__ */ jsxs(ListItemButton$1, {
-					disabled: requiredToChainType && requiredToChainType !== recentWallet.chainType,
-					onClick: () => handleRecentSelected(recentWallet),
-					children: [/* @__PURE__ */ jsx(ListItemAvatar, { children: /* @__PURE__ */ jsx(AccountAvatar, { chainId: defaultChainIdsByType[recentWallet.chainType] }) }), /* @__PURE__ */ jsx(ListItemText, {
-						primary: recentWallet.name || shortenAddress(recentWallet.address),
-						secondary: recentWallet.name ? shortenAddress(recentWallet.address) : void 0
-					})]
-				}), /* @__PURE__ */ jsx(ContextMenu, {
-					disabled: !!(requiredToChainType && requiredToChainType !== recentWallet.chainType),
-					items: [
-						{
-							icon: /* @__PURE__ */ jsx(ContentCopyRounded, {}),
-							label: t("button.copyAddress"),
-							onClick: () => navigator.clipboard.writeText(recentWallet.address)
-						},
-						{
-							icon: /* @__PURE__ */ jsx(OpenInNewRounded, {}),
-							label: t("button.viewOnExplorer"),
-							onClick: () => openInNewTab(getAddressLink(recentWallet.address, defaultChainIdsByType[recentWallet.chainType]))
-						},
-						{
-							icon: /* @__PURE__ */ jsx(TurnedInNot, {}),
-							label: t("button.bookmark"),
-							onClick: () => {
-								setBookmarkTarget(recentWallet);
-								bookmarkAddressSheetRef.current?.open();
+			children: [recentWallets.map((recentWallet) => {
+				const disabled = !isValidReceiver(recentWallet.address);
+				const chainId = recentWallet.chainId ?? defaultChainIdsByType[recentWallet.chainType];
+				return /* @__PURE__ */ jsxs(ListItem$1, {
+					sx: { position: "relative" },
+					children: [/* @__PURE__ */ jsxs(ListItemButton$1, {
+						disabled,
+						onClick: () => handleRecentSelected(recentWallet),
+						children: [/* @__PURE__ */ jsx(ListItemAvatar, { children: /* @__PURE__ */ jsx(AccountAvatar, { chainId }) }), /* @__PURE__ */ jsx(ListItemText, {
+							primary: recentWallet.name || shortenAddress(recentWallet.address),
+							secondary: recentWallet.name ? shortenAddress(recentWallet.address) : void 0
+						})]
+					}), /* @__PURE__ */ jsx(ContextMenu, {
+						disabled,
+						items: [
+							{
+								icon: /* @__PURE__ */ jsx(ContentCopyRounded, {}),
+								label: t("button.copyAddress"),
+								onClick: () => navigator.clipboard.writeText(recentWallet.address)
+							},
+							{
+								icon: /* @__PURE__ */ jsx(OpenInNewRounded, {}),
+								label: t("button.viewOnExplorer"),
+								onClick: () => openInNewTab(getAddressLink(recentWallet.address, chainId))
+							},
+							{
+								icon: /* @__PURE__ */ jsx(TurnedInNot, {}),
+								label: t("button.bookmark"),
+								onClick: () => {
+									setBookmarkTarget(recentWallet);
+									bookmarkAddressSheetRef.current?.open();
+								}
+							},
+							{
+								icon: /* @__PURE__ */ jsx(DeleteOutline, {}),
+								label: t("button.delete"),
+								onClick: () => removeRecentWallet(recentWallet.address)
 							}
-						},
-						{
-							icon: /* @__PURE__ */ jsx(DeleteOutline, {}),
-							label: t("button.delete"),
-							onClick: () => removeRecentWallet(recentWallet.address)
-						}
-					]
-				})]
-			}, recentWallet.address)), !recentWallets.length && /* @__PURE__ */ jsx(EmptyListIndicator, {
+						]
+					})]
+				}, recentWallet.address);
+			}), !recentWallets.length && /* @__PURE__ */ jsx(EmptyListIndicator, {
 				icon: /* @__PURE__ */ jsx(AccountBalanceWalletIcon, {}),
 				title: t("sendToWallet.noRecentWallets"),
 				message: t("sendToWallet.noRecentWalletsMessage")

package/dist/esm/pages/SendToWallet/RecentWalletsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"RecentWalletsPage.js","names":["ListItem","ListItemButton"],"sources":["../../../../src/pages/SendToWallet/RecentWalletsPage.tsx"],"sourcesContent":["import AccountBalanceWalletIcon from '@mui/icons-material/AccountBalanceWallet'\nimport ContentCopyRounded from '@mui/icons-material/ContentCopyRounded'\nimport DeleteOutline from '@mui/icons-material/DeleteOutlined'\nimport OpenInNewRounded from '@mui/icons-material/OpenInNewRounded'\nimport TurnedInNot from '@mui/icons-material/TurnedInNot'\nimport { List, ListItemAvatar, ListItemText } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport { type JSX, useRef, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { AccountAvatar } from '../../components/Avatar/AccountAvatar.js'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { ContextMenu } from '../../components/ContextMenu.js'\nimport { EmptyListIndicator } from '../../components/EmptyListIndicator/EmptyListIndicator.js'\nimport { ListItem } from '../../components/ListItem/ListItem.js'\nimport { ListItemButton } from '../../components/ListItem/ListItemButton.js'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { useExplorer } from '../../hooks/useExplorer.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useListHeight } from '../../hooks/useListHeight.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport type { Bookmark } from '../../stores/bookmarks/types.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport { useBookmarks } from '../../stores/bookmarks/useBookmarks.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { defaultChainIdsByType } from '../../utils/chainType.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { openInNewTab } from '../../utils/url.js'\nimport { shortenAddress } from '../../utils/wallet.js'\nimport { BookmarkAddressSheet } from './BookmarkAddressSheet.js'\n\nexport const RecentWalletsPage = (): JSX.Element => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const [bookmarkTarget, setBookmarkTarget] = useState<Bookmark>()\n  const bookmarkAddressSheetRef = useRef<BottomSheetBase>(null)\n  const listParentRef = useRef<HTMLUListElement | null>(null)\n  const { recentWallets } = useBookmarks()\n  const { requiredToChainType } = useToAddressRequirements()\n  const {\n    removeRecentWallet,\n    addBookmark,\n    setSelectedBookmark,\n    addRecentWallet,\n  } = useBookmarkActions()\n  const { setFieldValue } = useFieldActions()\n  const { getAddressLink } = useExplorer()\n\n  useHeader(t('header.recentWallets'))\n\n  const { listHeight } = useListHeight({ listParentRef })\n\n  const handleRecentSelected = (recentWallet: Bookmark) => {\n    addRecentWallet(recentWallet)\n    setFieldValue('toAddress', recentWallet.address, {\n      isTouched: true,\n      isDirty: true,\n    })\n    setSelectedBookmark(recentWallet)\n    navigate({\n      to: navigationRoutes.home,\n      replace: true,\n    })\n  }\n\n  const handleAddBookmark = (bookmark: Bookmark) => {\n    addBookmark(bookmark)\n    navigate({ to: navigationRoutes.bookmarks, replace: true })\n  }\n\n  return (\n    <PageContainer disableGutters>\n      <List\n        className=\"long-list\"\n        ref={listParentRef}\n        style={{ height: listHeight, overflow: 'auto' }}\n        disablePadding\n        sx={{ paddingTop: 1.5 }}\n      >\n        {recentWallets.map((recentWallet) => (\n          <ListItem key={recentWallet.address} sx={{ position: 'relative' }}>\n            <ListItemButton\n              disabled={\n                requiredToChainType &&\n                requiredToChainType !== recentWallet.chainType\n              }\n              onClick={() => handleRecentSelected(recentWallet)}\n            >\n              <ListItemAvatar>\n                <AccountAvatar\n                  chainId={defaultChainIdsByType[recentWallet.chainType]}\n                />\n              </ListItemAvatar>\n              <ListItemText\n                primary={\n                  recentWallet.name || shortenAddress(recentWallet.address)\n                }\n                secondary={\n                  recentWallet.name\n                    ? shortenAddress(recentWallet.address)\n                    : undefined\n                }\n              />\n            </ListItemButton>\n            <ContextMenu\n              disabled={\n                !!(\n                  requiredToChainType &&\n                  requiredToChainType !== recentWallet.chainType\n                )\n              }\n              items={[\n                {\n                  icon: <ContentCopyRounded />,\n                  label: t('button.copyAddress'),\n                  onClick: () =>\n                    navigator.clipboard.writeText(recentWallet.address),\n                },\n                {\n                  icon: <OpenInNewRounded />,\n                  label: t('button.viewOnExplorer'),\n                  onClick: () =>\n                    openInNewTab(\n                      getAddressLink(\n                        recentWallet.address,\n                        defaultChainIdsByType[recentWallet.chainType]\n                      )\n                    ),\n                },\n                {\n                  icon: <TurnedInNot />,\n                  label: t('button.bookmark'),\n                  onClick: () => {\n                    setBookmarkTarget(recentWallet)\n                    bookmarkAddressSheetRef.current?.open()\n                  },\n                },\n                {\n                  icon: <DeleteOutline />,\n                  label: t('button.delete'),\n                  onClick: () => removeRecentWallet(recentWallet.address),\n                },\n              ]}\n            />\n          </ListItem>\n        ))}\n        {!recentWallets.length && (\n          <EmptyListIndicator\n            icon={<AccountBalanceWalletIcon />}\n            title={t('sendToWallet.noRecentWallets')}\n            message={t('sendToWallet.noRecentWalletsMessage')}\n          />\n        )}\n      </List>\n      <BookmarkAddressSheet\n        ref={bookmarkAddressSheetRef}\n        validatedWallet={bookmarkTarget}\n        onAddBookmark={handleAddBookmark}\n      />\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,MAAa,0BAAuC;CAClD,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,CAAC,gBAAgB,qBAAqB,SAAmB;CAC/D,MAAM,0BAA0B,OAAwB,IAAI;CAC5D,MAAM,gBAAgB,OAAgC,IAAI;CAC1D,MAAM,EAAE,kBAAkB,aAAa;CACvC,MAAM,EAAE,wBAAwB,yBAAyB;CACzD,MAAM,EACJ,oBACA,aACA,qBACA,oBACE,mBAAmB;CACvB,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,EAAE,mBAAmB,YAAY;CAEvC,UAAU,EAAE,sBAAsB,CAAC;CAEnC,MAAM,EAAE,eAAe,cAAc,EAAE,cAAc,CAAC;CAEtD,MAAM,wBAAwB,iBAA2B;EACvD,gBAAgB,YAAY;EAC5B,cAAc,aAAa,aAAa,SAAS;GAC/C,WAAW;GACX,SAAS;EACX,CAAC;EACD,oBAAoB,YAAY;EAChC,SAAS;GACP,IAAI,iBAAiB;GACrB,SAAS;EACX,CAAC;CACH;CAEA,MAAM,qBAAqB,aAAuB;EAChD,YAAY,QAAQ;EACpB,SAAS;GAAE,IAAI,iBAAiB;GAAW,SAAS;EAAK,CAAC;CAC5D;CAEA,OACE,qBAAC,eAAD;EAAe,gBAAA;EAAf,UAAA,CACE,qBAAC,MAAD;GACE,WAAU;GACV,KAAK;GACL,OAAO;IAAE,QAAQ;IAAY,UAAU;GAAO;GAC9C,gBAAA;GACA,IAAI,EAAE,YAAY,IAAI;GALxB,UAAA,CAOG,cAAc,KAAK,iBAClB,qBAACA,YAAD;IAAqC,IAAI,EAAE,UAAU,WAAW;IAAhE,UAAA,CACE,qBAACC,kBAAD;KACE,UACE,uBACA,wBAAwB,aAAa;KAEvC,eAAe,qBAAqB,YAAY;KALlD,UAAA,CAOE,oBAAC,gBAAD,EAAA,UACE,oBAAC,eAAD,EACE,SAAS,sBAAsB,aAAa,WAC7C,CAAA,EACa,CAAA,GAChB,oBAAC,cAAD;MACE,SACE,aAAa,QAAQ,eAAe,aAAa,OAAO;MAE1D,WACE,aAAa,OACT,eAAe,aAAa,OAAO,IACnC,KAAA;KAEP,CAAA,CACa;IAChB,CAAA,GAAA,oBAAC,aAAD;KACE,UACE,CAAC,EACC,uBACA,wBAAwB,aAAa;KAGzC,OAAO;MACL;OACE,MAAM,oBAAC,oBAAD,CAAqB,CAAA;OAC3B,OAAO,EAAE,oBAAoB;OAC7B,eACE,UAAU,UAAU,UAAU,aAAa,OAAO;MACtD;MACA;OACE,MAAM,oBAAC,kBAAD,CAAmB,CAAA;OACzB,OAAO,EAAE,uBAAuB;OAChC,eACE,aACE,eACE,aAAa,SACb,sBAAsB,aAAa,UACrC,CACF;MACJ;MACA;OACE,MAAM,oBAAC,aAAD,CAAc,CAAA;OACpB,OAAO,EAAE,iBAAiB;OAC1B,eAAe;QACb,kBAAkB,YAAY;QAC9B,wBAAwB,SAAS,KAAK;OACxC;MACF;MACA;OACE,MAAM,oBAAC,eAAD,CAAgB,CAAA;OACtB,OAAO,EAAE,eAAe;OACxB,eAAe,mBAAmB,aAAa,OAAO;MACxD;KACF;IACD,CAAA,CACO;GAhEK,GAAA,aAAa,OAgElB,CACX,GACA,CAAC,cAAc,UACd,oBAAC,oBAAD;IACE,MAAM,oBAAC,0BAAD,CAA2B,CAAA;IACjC,OAAO,EAAE,8BAA8B;IACvC,SAAS,EAAE,qCAAqC;GACjD,CAAA,CAEC;EACN,CAAA,GAAA,oBAAC,sBAAD;GACE,KAAK;GACL,iBAAiB;GACjB,eAAe;EAChB,CAAA,CACY;;AAEnB"}
+{"version":3,"file":"RecentWalletsPage.js","names":["ListItem","ListItemButton"],"sources":["../../../../src/pages/SendToWallet/RecentWalletsPage.tsx"],"sourcesContent":["import AccountBalanceWalletIcon from '@mui/icons-material/AccountBalanceWallet'\nimport ContentCopyRounded from '@mui/icons-material/ContentCopyRounded'\nimport DeleteOutline from '@mui/icons-material/DeleteOutlined'\nimport OpenInNewRounded from '@mui/icons-material/OpenInNewRounded'\nimport TurnedInNot from '@mui/icons-material/TurnedInNot'\nimport { List, ListItemAvatar, ListItemText } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport { type JSX, useRef, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { AccountAvatar } from '../../components/Avatar/AccountAvatar.js'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { ContextMenu } from '../../components/ContextMenu.js'\nimport { EmptyListIndicator } from '../../components/EmptyListIndicator/EmptyListIndicator.js'\nimport { ListItem } from '../../components/ListItem/ListItem.js'\nimport { ListItemButton } from '../../components/ListItem/ListItemButton.js'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { useExplorer } from '../../hooks/useExplorer.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useListHeight } from '../../hooks/useListHeight.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport type { Bookmark } from '../../stores/bookmarks/types.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport { useBookmarks } from '../../stores/bookmarks/useBookmarks.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { defaultChainIdsByType } from '../../utils/chainType.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { openInNewTab } from '../../utils/url.js'\nimport { shortenAddress } from '../../utils/wallet.js'\nimport { BookmarkAddressSheet } from './BookmarkAddressSheet.js'\n\nexport const RecentWalletsPage = (): JSX.Element => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const [bookmarkTarget, setBookmarkTarget] = useState<Bookmark>()\n  const bookmarkAddressSheetRef = useRef<BottomSheetBase>(null)\n  const listParentRef = useRef<HTMLUListElement | null>(null)\n  const { recentWallets } = useBookmarks()\n  const { isValidReceiver } = useToAddressRequirements()\n  const {\n    removeRecentWallet,\n    addBookmark,\n    setSelectedBookmark,\n    addRecentWallet,\n  } = useBookmarkActions()\n  const { setFieldValue } = useFieldActions()\n  const { getAddressLink } = useExplorer()\n\n  useHeader(t('header.recentWallets'))\n\n  const { listHeight } = useListHeight({ listParentRef })\n\n  const handleRecentSelected = (recentWallet: Bookmark) => {\n    addRecentWallet(recentWallet)\n    setFieldValue('toAddress', recentWallet.address, {\n      isTouched: true,\n      isDirty: true,\n    })\n    setSelectedBookmark(recentWallet)\n    navigate({\n      to: navigationRoutes.home,\n      replace: true,\n    })\n  }\n\n  const handleAddBookmark = (bookmark: Bookmark) => {\n    addBookmark(bookmark)\n    navigate({ to: navigationRoutes.bookmarks, replace: true })\n  }\n\n  return (\n    <PageContainer disableGutters>\n      <List\n        className=\"long-list\"\n        ref={listParentRef}\n        style={{ height: listHeight, overflow: 'auto' }}\n        disablePadding\n        sx={{ paddingTop: 1.5 }}\n      >\n        {recentWallets.map((recentWallet) => {\n          const disabled = !isValidReceiver(recentWallet.address)\n          const chainId =\n            recentWallet.chainId ??\n            defaultChainIdsByType[recentWallet.chainType]\n          return (\n            <ListItem key={recentWallet.address} sx={{ position: 'relative' }}>\n              <ListItemButton\n                disabled={disabled}\n                onClick={() => handleRecentSelected(recentWallet)}\n              >\n                <ListItemAvatar>\n                  <AccountAvatar chainId={chainId} />\n                </ListItemAvatar>\n                <ListItemText\n                  primary={\n                    recentWallet.name || shortenAddress(recentWallet.address)\n                  }\n                  secondary={\n                    recentWallet.name\n                      ? shortenAddress(recentWallet.address)\n                      : undefined\n                  }\n                />\n              </ListItemButton>\n              <ContextMenu\n                disabled={disabled}\n                items={[\n                  {\n                    icon: <ContentCopyRounded />,\n                    label: t('button.copyAddress'),\n                    onClick: () =>\n                      navigator.clipboard.writeText(recentWallet.address),\n                  },\n                  {\n                    icon: <OpenInNewRounded />,\n                    label: t('button.viewOnExplorer'),\n                    onClick: () =>\n                      openInNewTab(\n                        getAddressLink(recentWallet.address, chainId)\n                      ),\n                  },\n                  {\n                    icon: <TurnedInNot />,\n                    label: t('button.bookmark'),\n                    onClick: () => {\n                      setBookmarkTarget(recentWallet)\n                      bookmarkAddressSheetRef.current?.open()\n                    },\n                  },\n                  {\n                    icon: <DeleteOutline />,\n                    label: t('button.delete'),\n                    onClick: () => removeRecentWallet(recentWallet.address),\n                  },\n                ]}\n              />\n            </ListItem>\n          )\n        })}\n        {!recentWallets.length && (\n          <EmptyListIndicator\n            icon={<AccountBalanceWalletIcon />}\n            title={t('sendToWallet.noRecentWallets')}\n            message={t('sendToWallet.noRecentWalletsMessage')}\n          />\n        )}\n      </List>\n      <BookmarkAddressSheet\n        ref={bookmarkAddressSheetRef}\n        validatedWallet={bookmarkTarget}\n        onAddBookmark={handleAddBookmark}\n      />\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,MAAa,0BAAuC;CAClD,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,CAAC,gBAAgB,qBAAqB,SAAmB;CAC/D,MAAM,0BAA0B,OAAwB,IAAI;CAC5D,MAAM,gBAAgB,OAAgC,IAAI;CAC1D,MAAM,EAAE,kBAAkB,aAAa;CACvC,MAAM,EAAE,oBAAoB,yBAAyB;CACrD,MAAM,EACJ,oBACA,aACA,qBACA,oBACE,mBAAmB;CACvB,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,EAAE,mBAAmB,YAAY;CAEvC,UAAU,EAAE,sBAAsB,CAAC;CAEnC,MAAM,EAAE,eAAe,cAAc,EAAE,cAAc,CAAC;CAEtD,MAAM,wBAAwB,iBAA2B;EACvD,gBAAgB,YAAY;EAC5B,cAAc,aAAa,aAAa,SAAS;GAC/C,WAAW;GACX,SAAS;EACX,CAAC;EACD,oBAAoB,YAAY;EAChC,SAAS;GACP,IAAI,iBAAiB;GACrB,SAAS;EACX,CAAC;CACH;CAEA,MAAM,qBAAqB,aAAuB;EAChD,YAAY,QAAQ;EACpB,SAAS;GAAE,IAAI,iBAAiB;GAAW,SAAS;EAAK,CAAC;CAC5D;CAEA,OACE,qBAAC,eAAD;EAAe,gBAAA;EAAf,UAAA,CACE,qBAAC,MAAD;GACE,WAAU;GACV,KAAK;GACL,OAAO;IAAE,QAAQ;IAAY,UAAU;GAAO;GAC9C,gBAAA;GACA,IAAI,EAAE,YAAY,IAAI;GALxB,UAAA,CAOG,cAAc,KAAK,iBAAiB;IACnC,MAAM,WAAW,CAAC,gBAAgB,aAAa,OAAO;IACtD,MAAM,UACJ,aAAa,WACb,sBAAsB,aAAa;IACrC,OACE,qBAACA,YAAD;KAAqC,IAAI,EAAE,UAAU,WAAW;KAAhE,UAAA,CACE,qBAACC,kBAAD;MACY;MACV,eAAe,qBAAqB,YAAY;MAFlD,UAAA,CAIE,oBAAC,gBAAD,EAAA,UACE,oBAAC,eAAD,EAAwB,QAAU,CAAA,EACpB,CAAA,GAChB,oBAAC,cAAD;OACE,SACE,aAAa,QAAQ,eAAe,aAAa,OAAO;OAE1D,WACE,aAAa,OACT,eAAe,aAAa,OAAO,IACnC,KAAA;MAEP,CAAA,CACa;KAChB,CAAA,GAAA,oBAAC,aAAD;MACY;MACV,OAAO;OACL;QACE,MAAM,oBAAC,oBAAD,CAAqB,CAAA;QAC3B,OAAO,EAAE,oBAAoB;QAC7B,eACE,UAAU,UAAU,UAAU,aAAa,OAAO;OACtD;OACA;QACE,MAAM,oBAAC,kBAAD,CAAmB,CAAA;QACzB,OAAO,EAAE,uBAAuB;QAChC,eACE,aACE,eAAe,aAAa,SAAS,OAAO,CAC9C;OACJ;OACA;QACE,MAAM,oBAAC,aAAD,CAAc,CAAA;QACpB,OAAO,EAAE,iBAAiB;QAC1B,eAAe;SACb,kBAAkB,YAAY;SAC9B,wBAAwB,SAAS,KAAK;QACxC;OACF;OACA;QACE,MAAM,oBAAC,eAAD,CAAgB,CAAA;QACtB,OAAO,EAAE,eAAe;QACxB,eAAe,mBAAmB,aAAa,OAAO;OACxD;MACF;KACD,CAAA,CACO;IAnDK,GAAA,aAAa,OAmDlB;GAEd,CAAC,GACA,CAAC,cAAc,UACd,oBAAC,oBAAD;IACE,MAAM,oBAAC,0BAAD,CAA2B,CAAA;IACjC,OAAO,EAAE,8BAA8B;IACvC,SAAS,EAAE,qCAAqC;GACjD,CAAA,CAEC;EACN,CAAA,GAAA,oBAAC,sBAAD;GACE,KAAK;GACL,iBAAiB;GACjB,eAAe;EAChB,CAAA,CACY;;AAEnB"}

package/dist/esm/pages/SendToWallet/SendToConfiguredWalletPage.js

@@ -1,8 +1,8 @@
+import { defaultChainIdsByType } from "../../utils/chainType.js";
 import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
 import { useBookmarkActions } from "../../stores/bookmarks/useBookmarkActions.js";
 import { useFieldActions } from "../../stores/form/useFieldActions.js";
 import { PageContainer } from "../../components/PageContainer.js";
-import { defaultChainIdsByType } from "../../utils/chainType.js";
 import { useToAddressRequirements } from "../../hooks/useToAddressRequirements.js";
 import { useNavigateBack } from "../../hooks/useNavigateBack.js";
 import { shortenAddress } from "../../utils/wallet.js";
@@ -18,6 +18,7 @@ import { useRef } from "react";
 import { List, ListItemAvatar, ListItemText } from "@mui/material";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
+import { useChainTypeFromAddress } from "@lifi/widget-provider";
 import ContentCopyRounded from "@mui/icons-material/ContentCopyRounded";
 import OpenInNewRounded from "@mui/icons-material/OpenInNewRounded";
 //#region src/pages/SendToWallet/SendToConfiguredWalletPage.tsx
@@ -25,7 +26,8 @@ const SendToConfiguredWalletPage = () => {
 	const { t } = useTranslation();
 	const navigateBack = useNavigateBack();
 	const { toAddresses } = useWidgetConfig();
-	const { requiredToChainType } = useToAddressRequirements();
+	const { isValidReceiver } = useToAddressRequirements();
+	const { getChainFromAddress } = useChainTypeFromAddress();
 	const { setSelectedBookmark } = useBookmarkActions();
 	const { setFieldValue } = useFieldActions();
 	const { getAddressLink } = useExplorer();
@@ -51,31 +53,35 @@ const SendToConfiguredWalletPage = () => {
 			},
 			disablePadding: true,
 			sx: { paddingTop: 1.5 },
-			children: toAddresses?.map((toAddress) => /* @__PURE__ */ jsxs(ListItem$1, {
-				sx: { position: "relative" },
-				children: [/* @__PURE__ */ jsxs(ListItemButton$1, {
-					disabled: requiredToChainType && requiredToChainType !== toAddress.chainType,
-					onClick: () => handleCuratedSelected(toAddress),
-					children: [/* @__PURE__ */ jsx(ListItemAvatar, { children: /* @__PURE__ */ jsx(AccountAvatar, {
-						chainId: defaultChainIdsByType[toAddress.chainType],
-						toAddress
-					}) }), /* @__PURE__ */ jsx(ListItemText, {
-						primary: toAddress.name || shortenAddress(toAddress.address),
-						secondary: toAddress.name ? shortenAddress(toAddress.address) : void 0
+			children: toAddresses?.map((toAddress) => {
+				const disabled = !isValidReceiver(toAddress.address);
+				const chainId = getChainFromAddress(toAddress.address)?.chainId ?? defaultChainIdsByType[toAddress.chainType];
+				return /* @__PURE__ */ jsxs(ListItem$1, {
+					sx: { position: "relative" },
+					children: [/* @__PURE__ */ jsxs(ListItemButton$1, {
+						disabled,
+						onClick: () => handleCuratedSelected(toAddress),
+						children: [/* @__PURE__ */ jsx(ListItemAvatar, { children: /* @__PURE__ */ jsx(AccountAvatar, {
+							chainId,
+							toAddress
+						}) }), /* @__PURE__ */ jsx(ListItemText, {
+							primary: toAddress.name || shortenAddress(toAddress.address),
+							secondary: toAddress.name ? shortenAddress(toAddress.address) : void 0
+						})]
+					}), /* @__PURE__ */ jsx(ContextMenu, {
+						disabled,
+						items: [{
+							icon: /* @__PURE__ */ jsx(ContentCopyRounded, {}),
+							label: t("button.copyAddress"),
+							onClick: () => navigator.clipboard.writeText(toAddress.address)
+						}, {
+							icon: /* @__PURE__ */ jsx(OpenInNewRounded, {}),
+							label: t("button.viewOnExplorer"),
+							onClick: () => openInNewTab(getAddressLink(toAddress.address, chainId))
+						}]
 					})]
-				}), /* @__PURE__ */ jsx(ContextMenu, {
-					disabled: !!(requiredToChainType && requiredToChainType !== toAddress.chainType),
-					items: [{
-						icon: /* @__PURE__ */ jsx(ContentCopyRounded, {}),
-						label: t("button.copyAddress"),
-						onClick: () => navigator.clipboard.writeText(toAddress.address)
-					}, {
-						icon: /* @__PURE__ */ jsx(OpenInNewRounded, {}),
-						label: t("button.viewOnExplorer"),
-						onClick: () => openInNewTab(getAddressLink(toAddress.address, defaultChainIdsByType[toAddress.chainType]))
-					}]
-				})]
-			}, toAddress.address))
+				}, toAddress.address);
+			})
 		})
 	});
 };

package/dist/esm/pages/SendToWallet/SendToConfiguredWalletPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SendToConfiguredWalletPage.js","names":["ListItem","ListItemButton"],"sources":["../../../../src/pages/SendToWallet/SendToConfiguredWalletPage.tsx"],"sourcesContent":["import ContentCopyRounded from '@mui/icons-material/ContentCopyRounded'\nimport OpenInNewRounded from '@mui/icons-material/OpenInNewRounded'\nimport { List, ListItemAvatar, ListItemText } from '@mui/material'\nimport { type JSX, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { AccountAvatar } from '../../components/Avatar/AccountAvatar.js'\nimport { ContextMenu } from '../../components/ContextMenu.js'\nimport { ListItem } from '../../components/ListItem/ListItem.js'\nimport { ListItemButton } from '../../components/ListItem/ListItemButton.js'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { useExplorer } from '../../hooks/useExplorer.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useListHeight } from '../../hooks/useListHeight.js'\nimport { useNavigateBack } from '../../hooks/useNavigateBack.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport type { ToAddress } from '../../types/widget.js'\nimport { defaultChainIdsByType } from '../../utils/chainType.js'\nimport { openInNewTab } from '../../utils/url.js'\nimport { shortenAddress } from '../../utils/wallet.js'\n\nexport const SendToConfiguredWalletPage = (): JSX.Element => {\n  const { t } = useTranslation()\n  const navigateBack = useNavigateBack()\n  const { toAddresses } = useWidgetConfig()\n  const { requiredToChainType } = useToAddressRequirements()\n  const { setSelectedBookmark } = useBookmarkActions()\n  const { setFieldValue } = useFieldActions()\n  const { getAddressLink } = useExplorer()\n  const listParentRef = useRef<HTMLUListElement | null>(null)\n\n  useHeader(t('header.sendToWallet'))\n\n  const { listHeight } = useListHeight({ listParentRef })\n\n  const handleCuratedSelected = (toAddress: ToAddress) => {\n    setSelectedBookmark(toAddress)\n    setFieldValue('toAddress', toAddress.address, {\n      isTouched: true,\n      isDirty: true,\n    })\n    navigateBack()\n  }\n\n  return (\n    <PageContainer disableGutters>\n      <List\n        className=\"long-list\"\n        ref={listParentRef}\n        style={{ height: listHeight, overflow: 'auto' }}\n        disablePadding\n        sx={{ paddingTop: 1.5 }}\n      >\n        {toAddresses?.map((toAddress) => (\n          <ListItem key={toAddress.address} sx={{ position: 'relative' }}>\n            <ListItemButton\n              disabled={\n                requiredToChainType &&\n                requiredToChainType !== toAddress.chainType\n              }\n              onClick={() => handleCuratedSelected(toAddress)}\n            >\n              <ListItemAvatar>\n                <AccountAvatar\n                  chainId={defaultChainIdsByType[toAddress.chainType]}\n                  toAddress={toAddress}\n                />\n              </ListItemAvatar>\n              <ListItemText\n                primary={toAddress.name || shortenAddress(toAddress.address)}\n                secondary={\n                  toAddress.name ? shortenAddress(toAddress.address) : undefined\n                }\n              />\n            </ListItemButton>\n            <ContextMenu\n              disabled={\n                !!(\n                  requiredToChainType &&\n                  requiredToChainType !== toAddress.chainType\n                )\n              }\n              items={[\n                {\n                  icon: <ContentCopyRounded />,\n                  label: t('button.copyAddress'),\n                  onClick: () =>\n                    navigator.clipboard.writeText(toAddress.address),\n                },\n                {\n                  icon: <OpenInNewRounded />,\n                  label: t('button.viewOnExplorer'),\n                  onClick: () =>\n                    openInNewTab(\n                      getAddressLink(\n                        toAddress.address,\n                        defaultChainIdsByType[toAddress.chainType]\n                      )\n                    ),\n                },\n              ]}\n            />\n          </ListItem>\n        ))}\n      </List>\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAa,mCAAgD;CAC3D,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,eAAe,gBAAgB;CACrC,MAAM,EAAE,gBAAgB,gBAAgB;CACxC,MAAM,EAAE,wBAAwB,yBAAyB;CACzD,MAAM,EAAE,wBAAwB,mBAAmB;CACnD,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,EAAE,mBAAmB,YAAY;CACvC,MAAM,gBAAgB,OAAgC,IAAI;CAE1D,UAAU,EAAE,qBAAqB,CAAC;CAElC,MAAM,EAAE,eAAe,cAAc,EAAE,cAAc,CAAC;CAEtD,MAAM,yBAAyB,cAAyB;EACtD,oBAAoB,SAAS;EAC7B,cAAc,aAAa,UAAU,SAAS;GAC5C,WAAW;GACX,SAAS;EACX,CAAC;EACD,aAAa;CACf;CAEA,OACE,oBAAC,eAAD;EAAe,gBAAA;EACb,UAAA,oBAAC,MAAD;GACE,WAAU;GACV,KAAK;GACL,OAAO;IAAE,QAAQ;IAAY,UAAU;GAAO;GAC9C,gBAAA;GACA,IAAI,EAAE,YAAY,IAAI;GAErB,UAAA,aAAa,KAAK,cACjB,qBAACA,YAAD;IAAkC,IAAI,EAAE,UAAU,WAAW;IAA7D,UAAA,CACE,qBAACC,kBAAD;KACE,UACE,uBACA,wBAAwB,UAAU;KAEpC,eAAe,sBAAsB,SAAS;KALhD,UAAA,CAOE,oBAAC,gBAAD,EAAA,UACE,oBAAC,eAAD;MACE,SAAS,sBAAsB,UAAU;MAC9B;KACZ,CAAA,EACa,CAAA,GAChB,oBAAC,cAAD;MACE,SAAS,UAAU,QAAQ,eAAe,UAAU,OAAO;MAC3D,WACE,UAAU,OAAO,eAAe,UAAU,OAAO,IAAI,KAAA;KAExD,CAAA,CACa;IAChB,CAAA,GAAA,oBAAC,aAAD;KACE,UACE,CAAC,EACC,uBACA,wBAAwB,UAAU;KAGtC,OAAO,CACL;MACE,MAAM,oBAAC,oBAAD,CAAqB,CAAA;MAC3B,OAAO,EAAE,oBAAoB;MAC7B,eACE,UAAU,UAAU,UAAU,UAAU,OAAO;KACnD,GACA;MACE,MAAM,oBAAC,kBAAD,CAAmB,CAAA;MACzB,OAAO,EAAE,uBAAuB;MAChC,eACE,aACE,eACE,UAAU,SACV,sBAAsB,UAAU,UAClC,CACF;KACJ,CACF;IACD,CAAA,CACO;GAhDK,GAAA,UAAU,OAgDf,CACX;EACG,CAAA;CACO,CAAA;AAEnB"}
+{"version":3,"file":"SendToConfiguredWalletPage.js","names":["ListItem","ListItemButton"],"sources":["../../../../src/pages/SendToWallet/SendToConfiguredWalletPage.tsx"],"sourcesContent":["import { useChainTypeFromAddress } from '@lifi/widget-provider'\nimport ContentCopyRounded from '@mui/icons-material/ContentCopyRounded'\nimport OpenInNewRounded from '@mui/icons-material/OpenInNewRounded'\nimport { List, ListItemAvatar, ListItemText } from '@mui/material'\nimport { type JSX, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { AccountAvatar } from '../../components/Avatar/AccountAvatar.js'\nimport { ContextMenu } from '../../components/ContextMenu.js'\nimport { ListItem } from '../../components/ListItem/ListItem.js'\nimport { ListItemButton } from '../../components/ListItem/ListItemButton.js'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { useExplorer } from '../../hooks/useExplorer.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useListHeight } from '../../hooks/useListHeight.js'\nimport { useNavigateBack } from '../../hooks/useNavigateBack.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport type { ToAddress } from '../../types/widget.js'\nimport { defaultChainIdsByType } from '../../utils/chainType.js'\nimport { openInNewTab } from '../../utils/url.js'\nimport { shortenAddress } from '../../utils/wallet.js'\n\nexport const SendToConfiguredWalletPage = (): JSX.Element => {\n  const { t } = useTranslation()\n  const navigateBack = useNavigateBack()\n  const { toAddresses } = useWidgetConfig()\n  const { isValidReceiver } = useToAddressRequirements()\n  const { getChainFromAddress } = useChainTypeFromAddress()\n  const { setSelectedBookmark } = useBookmarkActions()\n  const { setFieldValue } = useFieldActions()\n  const { getAddressLink } = useExplorer()\n  const listParentRef = useRef<HTMLUListElement | null>(null)\n\n  useHeader(t('header.sendToWallet'))\n\n  const { listHeight } = useListHeight({ listParentRef })\n\n  const handleCuratedSelected = (toAddress: ToAddress) => {\n    setSelectedBookmark(toAddress)\n    setFieldValue('toAddress', toAddress.address, {\n      isTouched: true,\n      isDirty: true,\n    })\n    navigateBack()\n  }\n\n  return (\n    <PageContainer disableGutters>\n      <List\n        className=\"long-list\"\n        ref={listParentRef}\n        style={{ height: listHeight, overflow: 'auto' }}\n        disablePadding\n        sx={{ paddingTop: 1.5 }}\n      >\n        {toAddresses?.map((toAddress) => {\n          const disabled = !isValidReceiver(toAddress.address)\n          // A configured receiver has no chainId; its provider knows the chain.\n          const chainId =\n            getChainFromAddress(toAddress.address)?.chainId ??\n            defaultChainIdsByType[toAddress.chainType]\n          return (\n            <ListItem key={toAddress.address} sx={{ position: 'relative' }}>\n              <ListItemButton\n                disabled={disabled}\n                onClick={() => handleCuratedSelected(toAddress)}\n              >\n                <ListItemAvatar>\n                  <AccountAvatar chainId={chainId} toAddress={toAddress} />\n                </ListItemAvatar>\n                <ListItemText\n                  primary={toAddress.name || shortenAddress(toAddress.address)}\n                  secondary={\n                    toAddress.name\n                      ? shortenAddress(toAddress.address)\n                      : undefined\n                  }\n                />\n              </ListItemButton>\n              <ContextMenu\n                disabled={disabled}\n                items={[\n                  {\n                    icon: <ContentCopyRounded />,\n                    label: t('button.copyAddress'),\n                    onClick: () =>\n                      navigator.clipboard.writeText(toAddress.address),\n                  },\n                  {\n                    icon: <OpenInNewRounded />,\n                    label: t('button.viewOnExplorer'),\n                    onClick: () =>\n                      openInNewTab(getAddressLink(toAddress.address, chainId)),\n                  },\n                ]}\n              />\n            </ListItem>\n          )\n        })}\n      </List>\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAa,mCAAgD;CAC3D,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,eAAe,gBAAgB;CACrC,MAAM,EAAE,gBAAgB,gBAAgB;CACxC,MAAM,EAAE,oBAAoB,yBAAyB;CACrD,MAAM,EAAE,wBAAwB,wBAAwB;CACxD,MAAM,EAAE,wBAAwB,mBAAmB;CACnD,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,EAAE,mBAAmB,YAAY;CACvC,MAAM,gBAAgB,OAAgC,IAAI;CAE1D,UAAU,EAAE,qBAAqB,CAAC;CAElC,MAAM,EAAE,eAAe,cAAc,EAAE,cAAc,CAAC;CAEtD,MAAM,yBAAyB,cAAyB;EACtD,oBAAoB,SAAS;EAC7B,cAAc,aAAa,UAAU,SAAS;GAC5C,WAAW;GACX,SAAS;EACX,CAAC;EACD,aAAa;CACf;CAEA,OACE,oBAAC,eAAD;EAAe,gBAAA;EACb,UAAA,oBAAC,MAAD;GACE,WAAU;GACV,KAAK;GACL,OAAO;IAAE,QAAQ;IAAY,UAAU;GAAO;GAC9C,gBAAA;GACA,IAAI,EAAE,YAAY,IAAI;GAErB,UAAA,aAAa,KAAK,cAAc;IAC/B,MAAM,WAAW,CAAC,gBAAgB,UAAU,OAAO;IAEnD,MAAM,UACJ,oBAAoB,UAAU,OAAO,CAAC,EAAE,WACxC,sBAAsB,UAAU;IAClC,OACE,qBAACA,YAAD;KAAkC,IAAI,EAAE,UAAU,WAAW;KAA7D,UAAA,CACE,qBAACC,kBAAD;MACY;MACV,eAAe,sBAAsB,SAAS;MAFhD,UAAA,CAIE,oBAAC,gBAAD,EAAA,UACE,oBAAC,eAAD;OAAwB;OAAoB;MAAY,CAAA,EAC1C,CAAA,GAChB,oBAAC,cAAD;OACE,SAAS,UAAU,QAAQ,eAAe,UAAU,OAAO;OAC3D,WACE,UAAU,OACN,eAAe,UAAU,OAAO,IAChC,KAAA;MAEP,CAAA,CACa;KAChB,CAAA,GAAA,oBAAC,aAAD;MACY;MACV,OAAO,CACL;OACE,MAAM,oBAAC,oBAAD,CAAqB,CAAA;OAC3B,OAAO,EAAE,oBAAoB;OAC7B,eACE,UAAU,UAAU,UAAU,UAAU,OAAO;MACnD,GACA;OACE,MAAM,oBAAC,kBAAD,CAAmB,CAAA;OACzB,OAAO,EAAE,uBAAuB;OAChC,eACE,aAAa,eAAe,UAAU,SAAS,OAAO,CAAC;MAC3D,CACF;KACD,CAAA,CACO;IAlCK,GAAA,UAAU,OAkCf;GAEd,CAAC;EACG,CAAA;CACO,CAAA;AAEnB"}