@lifi/widget 4.8.0 → 4.10.0

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"}

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

@@ -5,7 +5,6 @@ import { useBookmarks } from "../../stores/bookmarks/useBookmarks.js";
 import { useFieldActions } from "../../stores/form/useFieldActions.js";
 import { useFieldValues } from "../../stores/form/useFieldValues.js";
 import { useChain } from "../../hooks/useChain.js";
-import { useToAddressRequirements } from "../../hooks/useToAddressRequirements.js";
 import { useAddressValidation } from "../../hooks/useAddressValidation.js";
 import { useHeader } from "../../hooks/useHeader.js";
 import { ButtonTertiary } from "../../components/ButtonTertiary.js";
@@ -37,7 +36,6 @@ const SendToWalletPage = () => {
 	const [validatedWallet, setValidatedWallet] = useState();
 	const [errorMessage, setErrorMessage] = useState("");
 	const { validateAddress, isValidating } = useAddressValidation();
-	const { requiredToChainType } = useToAddressRequirements();
 	const [toChainId] = useFieldValues("toChain");
 	const { chain: toChain } = useChain(toChainId);
 	const [isDoneButtonLoading, setIsDoneButtonLoading] = useState(false);
@@ -63,7 +61,6 @@ const SendToWalletPage = () => {
 		setIsDoneButtonLoading(true);
 		const validationResult = await validateAddress({
 			value: inputAddressValue,
-			chainType: requiredToChainType,
 			chain: toChain
 		});
 		setIsDoneButtonLoading(false);
@@ -71,14 +68,11 @@ const SendToWalletPage = () => {
 			setErrorMessage(validationResult.error);
 			return;
 		}
-		if (requiredToChainType && requiredToChainType !== validationResult.chainType) {
-			setErrorMessage(t("error.title.walletChainTypeInvalid", { chainName: toChain?.name }));
-			return;
-		}
 		setValidatedWallet({
 			name: validationResult.addressType === 1 ? inputAddressValue : void 0,
 			address: validationResult.address,
-			chainType: validationResult.chainType
+			chainType: validationResult.chainType,
+			chainId: validationResult.chainId
 		});
 		confirmAddressSheetRef.current?.open();
 	};
@@ -100,7 +94,8 @@ const SendToWalletPage = () => {
 			setValidatedWallet({
 				name: validationResult.addressType === 1 ? inputAddressValue : void 0,
 				address: validationResult.address,
-				chainType: validationResult.chainType
+				chainType: validationResult.chainType,
+				chainId: validationResult.chainId
 			});
 			bookmarkAddressSheetRef.current?.open();
 		} else setErrorMessage(validationResult.error);
@@ -148,7 +143,7 @@ const SendToWalletPage = () => {
 						placeholder,
 						"aria-label": placeholder,
 						maxRows: 2,
-						inputProps: { maxLength: 128 },
+						inputProps: { maxLength: 512 },
 						multiline: true
 					}),
 					errorMessage ? /* @__PURE__ */ jsx(ValidationAlert, {

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

@@ -1 +1 @@
-{"version":3,"file":"SendToWalletPage.js","names":[],"sources":["../../../../src/pages/SendToWallet/SendToWalletPage.tsx"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport AccountBalanceWalletIcon from '@mui/icons-material/AccountBalanceWallet'\nimport ErrorIcon from '@mui/icons-material/Error'\nimport TurnedIn from '@mui/icons-material/TurnedIn'\nimport Wallet from '@mui/icons-material/Wallet'\nimport { Box, Tooltip, Typography } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport type { ChangeEvent } from 'react'\nimport { useRef, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { ButtonTertiary } from '../../components/ButtonTertiary.js'\nimport { CardButton } from '../../components/Card/CardButton.js'\nimport { AccountDeployedMessage } from '../../components/Messages/AccountDeployedMessage.js'\nimport {\n  AddressType,\n  useAddressValidation,\n} from '../../hooks/useAddressValidation.js'\nimport { useChain } from '../../hooks/useChain.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.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 { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { BookmarkAddressSheet } from './BookmarkAddressSheet.js'\nimport { ConfirmAddressSheet } from './ConfirmAddressSheet.js'\nimport {\n  AddressInput,\n  FullHeightAdjustablePageContainer,\n  SendToWalletButtonRow,\n  SendToWalletCard,\n  SendToWalletIconButton,\n  ValidationAlert,\n} from './SendToWalletPage.style.js'\n\nexport const SendToWalletPage: React.FC = () => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const bookmarkAddressSheetRef = useRef<BottomSheetBase>(null)\n  const confirmAddressSheetRef = useRef<BottomSheetBase>(null)\n  const { bookmarks, recentWallets } = useBookmarks()\n  const {\n    addBookmark,\n    getBookmark,\n    setSelectedBookmark,\n    getSelectedBookmark,\n    addRecentWallet,\n  } = useBookmarkActions()\n  const { setFieldValue } = useFieldActions()\n  const [inputAddressValue, setInputAddressValue] = useState(\n    () => getSelectedBookmark()?.address ?? ''\n  )\n  const [validatedWallet, setValidatedWallet] = useState<Bookmark>()\n  const [errorMessage, setErrorMessage] = useState('')\n  const { validateAddress, isValidating } = useAddressValidation()\n  const { requiredToChainType } = useToAddressRequirements()\n  const [toChainId] = useFieldValues('toChain')\n  const { chain: toChain } = useChain(toChainId)\n  const [isDoneButtonLoading, setIsDoneButtonLoading] = useState(false)\n  const [isBookmarkButtonLoading, setIsBookmarkButtonLoading] = useState(false)\n  const { variant, hiddenUI, requiredUI } = useWidgetConfig()\n\n  const { accounts } = useAccount()\n  const connectedWallets = accounts.filter((account) => account.isConnected)\n\n  useHeader(t('header.sendToWallet'))\n\n  const handleInputChange = (e: ChangeEvent) => {\n    if (errorMessage) {\n      setErrorMessage('')\n    }\n    if (getSelectedBookmark()) {\n      setFieldValue('toAddress', '', { isTouched: true })\n      setSelectedBookmark()\n    }\n    setInputAddressValue((e.target as HTMLInputElement).value.trim())\n  }\n\n  const handleDone = async () => {\n    if (isValidating) {\n      return\n    }\n    if (!inputAddressValue) {\n      setErrorMessage(t('error.title.walletAddressRequired'))\n      return\n    }\n    setIsDoneButtonLoading(true)\n    const validationResult = await validateAddress({\n      value: inputAddressValue,\n      chainType: requiredToChainType,\n      chain: toChain,\n    })\n    setIsDoneButtonLoading(false)\n    if (!validationResult.isValid) {\n      setErrorMessage(validationResult.error)\n      return\n    }\n\n    if (\n      requiredToChainType &&\n      requiredToChainType !== validationResult.chainType\n    ) {\n      setErrorMessage(\n        t('error.title.walletChainTypeInvalid', {\n          chainName: toChain?.name,\n        })\n      )\n      return\n    }\n\n    setValidatedWallet({\n      name:\n        validationResult.addressType === AddressType.NameService\n          ? inputAddressValue\n          : undefined,\n      address: validationResult.address,\n      chainType: validationResult.chainType,\n    })\n    confirmAddressSheetRef.current?.open()\n  }\n\n  const handleBookmarkAddress = async () => {\n    if (isValidating) {\n      return\n    }\n    if (!inputAddressValue) {\n      setErrorMessage(t('error.title.walletAddressRequired'))\n      return\n    }\n\n    const existingBookmarkWallet = getBookmark(inputAddressValue)\n    if (existingBookmarkWallet) {\n      setErrorMessage(\n        t('error.title.bookmarkAlreadyExists', {\n          name: existingBookmarkWallet.name,\n        })\n      )\n      return\n    }\n    setIsBookmarkButtonLoading(true)\n    const validationResult = await validateAddress({\n      value: inputAddressValue,\n    })\n    setIsBookmarkButtonLoading(false)\n\n    if (validationResult.isValid) {\n      setValidatedWallet({\n        name:\n          validationResult.addressType === AddressType.NameService\n            ? inputAddressValue\n            : undefined,\n        address: validationResult.address,\n        chainType: validationResult.chainType,\n      })\n      bookmarkAddressSheetRef.current?.open()\n    } else {\n      setErrorMessage(validationResult.error)\n    }\n  }\n\n  const handleRecentWalletsClick = () => {\n    navigate({ to: navigationRoutes.recentWallets })\n  }\n\n  const handleConnectedWalletsClick = () => {\n    navigate({ to: navigationRoutes.connectedWallets })\n  }\n  const handleBookmarkedWalletsClick = () => {\n    navigate({ to: navigationRoutes.bookmarks })\n  }\n\n  const handleAddBookmark = (bookmark: Bookmark) => {\n    addBookmark(bookmark)\n    navigate({ to: navigationRoutes.bookmarks })\n  }\n\n  const handleOnConfirm = (confirmedWallet: Bookmark) => {\n    setSelectedBookmark(confirmedWallet)\n    addRecentWallet(confirmedWallet)\n  }\n\n  const placeholder = t('sendToWallet.enterAddress', {\n    context: 'long',\n  })\n\n  return (\n    <FullHeightAdjustablePageContainer\n      topGutters\n      bottomGutters\n      enableFullHeight={variant !== 'drawer'}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          gap: 2,\n          marginBottom: 6,\n        }}\n      >\n        <SendToWalletCard type={errorMessage ? 'error' : 'default'}>\n          <AddressInput\n            size=\"small\"\n            autoComplete=\"off\"\n            autoCorrect=\"off\"\n            autoCapitalize=\"off\"\n            spellCheck=\"false\"\n            onChange={handleInputChange}\n            value={inputAddressValue}\n            placeholder={placeholder}\n            aria-label={placeholder}\n            maxRows={2}\n            inputProps={{ maxLength: 128 }}\n            multiline\n          />\n          {errorMessage ? (\n            <ValidationAlert icon={<ErrorIcon />} sx={{ pb: 2, paddingX: 2 }}>\n              {errorMessage}\n            </ValidationAlert>\n          ) : null}\n          <SendToWalletButtonRow sx={{ paddingX: 2, paddingBottom: 2 }}>\n            <ButtonTertiary\n              variant=\"text\"\n              onClick={handleDone}\n              loading={isDoneButtonLoading}\n              loadingPosition=\"center\"\n              sx={{ flexGrow: 1 }}\n            >\n              {t('button.done')}\n            </ButtonTertiary>\n            <Tooltip title={t('button.bookmark')}>\n              <SendToWalletIconButton\n                onClick={handleBookmarkAddress}\n                loading={isBookmarkButtonLoading}\n                loadingPosition=\"center\"\n              >\n                <TurnedIn fontSize=\"small\" />\n              </SendToWalletIconButton>\n            </Tooltip>\n          </SendToWalletButtonRow>\n          <ConfirmAddressSheet\n            ref={confirmAddressSheetRef}\n            validatedBookmark={validatedWallet}\n            onConfirm={handleOnConfirm}\n          />\n          <BookmarkAddressSheet\n            ref={bookmarkAddressSheetRef}\n            validatedWallet={validatedWallet}\n            onAddBookmark={handleAddBookmark}\n          />\n        </SendToWalletCard>\n        {requiredUI?.accountDeployedMessage && <AccountDeployedMessage />}\n      </Box>\n      <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>\n        <CardButton\n          title={t('header.recentWallets')}\n          icon={<AccountBalanceWalletIcon />}\n          onClick={handleRecentWalletsClick}\n        >\n          {!!recentWallets.length && (\n            <Typography\n              sx={{\n                color: 'text.secondary',\n              }}\n            >\n              {recentWallets.length}\n            </Typography>\n          )}\n        </CardButton>\n        {!hiddenUI?.addressBookConnectedWallets && (\n          <CardButton\n            title={t('sendToWallet.connectedWallets')}\n            icon={<Wallet />}\n            onClick={handleConnectedWalletsClick}\n          >\n            {!!connectedWallets.length && (\n              <Typography\n                sx={{\n                  color: 'text.secondary',\n                }}\n              >\n                {connectedWallets.length}\n              </Typography>\n            )}\n          </CardButton>\n        )}\n        <CardButton\n          title={t('header.bookmarkedWallets')}\n          icon={<TurnedIn />}\n          onClick={handleBookmarkedWalletsClick}\n        >\n          {!!bookmarks.length && (\n            <Typography\n              sx={{\n                color: 'text.secondary',\n              }}\n            >\n              {bookmarks.length}\n            </Typography>\n          )}\n        </CardButton>\n      </Box>\n    </FullHeightAdjustablePageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,MAAa,yBAAmC;CAC9C,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,0BAA0B,OAAwB,IAAI;CAC5D,MAAM,yBAAyB,OAAwB,IAAI;CAC3D,MAAM,EAAE,WAAW,kBAAkB,aAAa;CAClD,MAAM,EACJ,aACA,aACA,qBACA,qBACA,oBACE,mBAAmB;CACvB,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,CAAC,mBAAmB,wBAAwB,eAC1C,oBAAoB,CAAC,EAAE,WAAW,EAC1C;CACA,MAAM,CAAC,iBAAiB,sBAAsB,SAAmB;CACjE,MAAM,CAAC,cAAc,mBAAmB,SAAS,EAAE;CACnD,MAAM,EAAE,iBAAiB,iBAAiB,qBAAqB;CAC/D,MAAM,EAAE,wBAAwB,yBAAyB;CACzD,MAAM,CAAC,aAAa,eAAe,SAAS;CAC5C,MAAM,EAAE,OAAO,YAAY,SAAS,SAAS;CAC7C,MAAM,CAAC,qBAAqB,0BAA0B,SAAS,KAAK;CACpE,MAAM,CAAC,yBAAyB,8BAA8B,SAAS,KAAK;CAC5E,MAAM,EAAE,SAAS,UAAU,eAAe,gBAAgB;CAE1D,MAAM,EAAE,aAAa,WAAW;CAChC,MAAM,mBAAmB,SAAS,QAAQ,YAAY,QAAQ,WAAW;CAEzE,UAAU,EAAE,qBAAqB,CAAC;CAElC,MAAM,qBAAqB,MAAmB;EAC5C,IAAI,cACF,gBAAgB,EAAE;EAEpB,IAAI,oBAAoB,GAAG;GACzB,cAAc,aAAa,IAAI,EAAE,WAAW,KAAK,CAAC;GAClD,oBAAoB;EACtB;EACA,qBAAsB,EAAE,OAA4B,MAAM,KAAK,CAAC;CAClE;CAEA,MAAM,aAAa,YAAY;EAC7B,IAAI,cACF;EAEF,IAAI,CAAC,mBAAmB;GACtB,gBAAgB,EAAE,mCAAmC,CAAC;GACtD;EACF;EACA,uBAAuB,IAAI;EAC3B,MAAM,mBAAmB,MAAM,gBAAgB;GAC7C,OAAO;GACP,WAAW;GACX,OAAO;EACT,CAAC;EACD,uBAAuB,KAAK;EAC5B,IAAI,CAAC,iBAAiB,SAAS;GAC7B,gBAAgB,iBAAiB,KAAK;GACtC;EACF;EAEA,IACE,uBACA,wBAAwB,iBAAiB,WACzC;GACA,gBACE,EAAE,sCAAsC,EACtC,WAAW,SAAS,KACtB,CAAC,CACH;GACA;EACF;EAEA,mBAAmB;GACjB,MACE,iBAAiB,gBAAA,IACb,oBACA,KAAA;GACN,SAAS,iBAAiB;GAC1B,WAAW,iBAAiB;EAC9B,CAAC;EACD,uBAAuB,SAAS,KAAK;CACvC;CAEA,MAAM,wBAAwB,YAAY;EACxC,IAAI,cACF;EAEF,IAAI,CAAC,mBAAmB;GACtB,gBAAgB,EAAE,mCAAmC,CAAC;GACtD;EACF;EAEA,MAAM,yBAAyB,YAAY,iBAAiB;EAC5D,IAAI,wBAAwB;GAC1B,gBACE,EAAE,qCAAqC,EACrC,MAAM,uBAAuB,KAC/B,CAAC,CACH;GACA;EACF;EACA,2BAA2B,IAAI;EAC/B,MAAM,mBAAmB,MAAM,gBAAgB,EAC7C,OAAO,kBACT,CAAC;EACD,2BAA2B,KAAK;EAEhC,IAAI,iBAAiB,SAAS;GAC5B,mBAAmB;IACjB,MACE,iBAAiB,gBAAA,IACb,oBACA,KAAA;IACN,SAAS,iBAAiB;IAC1B,WAAW,iBAAiB;GAC9B,CAAC;GACD,wBAAwB,SAAS,KAAK;EACxC,OACE,gBAAgB,iBAAiB,KAAK;CAE1C;CAEA,MAAM,iCAAiC;EACrC,SAAS,EAAE,IAAI,iBAAiB,cAAc,CAAC;CACjD;CAEA,MAAM,oCAAoC;EACxC,SAAS,EAAE,IAAI,iBAAiB,iBAAiB,CAAC;CACpD;CACA,MAAM,qCAAqC;EACzC,SAAS,EAAE,IAAI,iBAAiB,UAAU,CAAC;CAC7C;CAEA,MAAM,qBAAqB,aAAuB;EAChD,YAAY,QAAQ;EACpB,SAAS,EAAE,IAAI,iBAAiB,UAAU,CAAC;CAC7C;CAEA,MAAM,mBAAmB,oBAA8B;EACrD,oBAAoB,eAAe;EACnC,gBAAgB,eAAe;CACjC;CAEA,MAAM,cAAc,EAAE,6BAA6B,EACjD,SAAS,OACX,CAAC;CAED,OACE,qBAAC,mCAAD;EACE,YAAA;EACA,eAAA;EACA,kBAAkB,YAAY;EAHhC,UAAA,CAKE,qBAAC,KAAD;GACE,IAAI;IACF,SAAS;IACT,eAAe;IACf,KAAK;IACL,cAAc;GAChB;GANF,UAAA,CAQE,qBAAC,kBAAD;IAAkB,MAAM,eAAe,UAAU;IAAjD,UAAA;KACE,oBAAC,cAAD;MACE,MAAK;MACL,cAAa;MACb,aAAY;MACZ,gBAAe;MACf,YAAW;MACX,UAAU;MACV,OAAO;MACM;MACb,cAAY;MACZ,SAAS;MACT,YAAY,EAAE,WAAW,IAAI;MAC7B,WAAA;KACD,CAAA;KACA,eACC,oBAAC,iBAAD;MAAiB,MAAM,oBAAC,WAAD,CAAY,CAAA;MAAG,IAAI;OAAE,IAAI;OAAG,UAAU;MAAE;MAC5D,UAAA;KACc,CAAA,IACf;KACJ,qBAAC,uBAAD;MAAuB,IAAI;OAAE,UAAU;OAAG,eAAe;MAAE;MAA3D,UAAA,CACE,oBAAC,gBAAD;OACE,SAAQ;OACR,SAAS;OACT,SAAS;OACT,iBAAgB;OAChB,IAAI,EAAE,UAAU,EAAE;OAEjB,UAAA,EAAE,aAAa;MACF,CAAA,GAChB,oBAAC,SAAD;OAAS,OAAO,EAAE,iBAAiB;OACjC,UAAA,oBAAC,wBAAD;QACE,SAAS;QACT,SAAS;QACT,iBAAgB;QAEhB,UAAA,oBAAC,UAAD,EAAU,UAAS,QAAS,CAAA;OACN,CAAA;MACjB,CAAA,CACY;;KACvB,oBAAC,qBAAD;MACE,KAAK;MACL,mBAAmB;MACnB,WAAW;KACZ,CAAA;KACD,oBAAC,sBAAD;MACE,KAAK;MACY;MACjB,eAAe;KAChB,CAAA;IACe;GACjB,CAAA,GAAA,YAAY,0BAA0B,oBAAC,wBAAD,CAAyB,CAAA,CAC7D;EACL,CAAA,GAAA,qBAAC,KAAD;GAAK,IAAI;IAAE,SAAS;IAAQ,eAAe;IAAU,KAAK;GAAE;GAA5D,UAAA;IACE,oBAAC,YAAD;KACE,OAAO,EAAE,sBAAsB;KAC/B,MAAM,oBAAC,0BAAD,CAA2B,CAAA;KACjC,SAAS;KAER,UAAA,CAAC,CAAC,cAAc,UACf,oBAAC,YAAD;MACE,IAAI,EACF,OAAO,iBACT;MAEC,UAAA,cAAc;KACL,CAAA;IAEJ,CAAA;IACX,CAAC,UAAU,+BACV,oBAAC,YAAD;KACE,OAAO,EAAE,+BAA+B;KACxC,MAAM,oBAAC,QAAD,CAAS,CAAA;KACf,SAAS;KAER,UAAA,CAAC,CAAC,iBAAiB,UAClB,oBAAC,YAAD;MACE,IAAI,EACF,OAAO,iBACT;MAEC,UAAA,iBAAiB;KACR,CAAA;IAEJ,CAAA;IAEd,oBAAC,YAAD;KACE,OAAO,EAAE,0BAA0B;KACnC,MAAM,oBAAC,UAAD,CAAW,CAAA;KACjB,SAAS;KAER,UAAA,CAAC,CAAC,UAAU,UACX,oBAAC,YAAD;MACE,IAAI,EACF,OAAO,iBACT;MAEC,UAAA,UAAU;KACD,CAAA;IAEJ,CAAA;GACT;EAC4B,CAAA,CAAA;;AAEvC"}
+{"version":3,"file":"SendToWalletPage.js","names":[],"sources":["../../../../src/pages/SendToWallet/SendToWalletPage.tsx"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport AccountBalanceWalletIcon from '@mui/icons-material/AccountBalanceWallet'\nimport ErrorIcon from '@mui/icons-material/Error'\nimport TurnedIn from '@mui/icons-material/TurnedIn'\nimport Wallet from '@mui/icons-material/Wallet'\nimport { Box, Tooltip, Typography } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport type { ChangeEvent } from 'react'\nimport { useRef, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { ButtonTertiary } from '../../components/ButtonTertiary.js'\nimport { CardButton } from '../../components/Card/CardButton.js'\nimport { AccountDeployedMessage } from '../../components/Messages/AccountDeployedMessage.js'\nimport { addressInputMaxLength } from '../../config/constants.js'\nimport {\n  AddressType,\n  useAddressValidation,\n} from '../../hooks/useAddressValidation.js'\nimport { useChain } from '../../hooks/useChain.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.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 { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { BookmarkAddressSheet } from './BookmarkAddressSheet.js'\nimport { ConfirmAddressSheet } from './ConfirmAddressSheet.js'\nimport {\n  AddressInput,\n  FullHeightAdjustablePageContainer,\n  SendToWalletButtonRow,\n  SendToWalletCard,\n  SendToWalletIconButton,\n  ValidationAlert,\n} from './SendToWalletPage.style.js'\n\nexport const SendToWalletPage: React.FC = () => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const bookmarkAddressSheetRef = useRef<BottomSheetBase>(null)\n  const confirmAddressSheetRef = useRef<BottomSheetBase>(null)\n  const { bookmarks, recentWallets } = useBookmarks()\n  const {\n    addBookmark,\n    getBookmark,\n    setSelectedBookmark,\n    getSelectedBookmark,\n    addRecentWallet,\n  } = useBookmarkActions()\n  const { setFieldValue } = useFieldActions()\n  const [inputAddressValue, setInputAddressValue] = useState(\n    () => getSelectedBookmark()?.address ?? ''\n  )\n  const [validatedWallet, setValidatedWallet] = useState<Bookmark>()\n  const [errorMessage, setErrorMessage] = useState('')\n  const { validateAddress, isValidating } = useAddressValidation()\n  const [toChainId] = useFieldValues('toChain')\n  const { chain: toChain } = useChain(toChainId)\n  const [isDoneButtonLoading, setIsDoneButtonLoading] = useState(false)\n  const [isBookmarkButtonLoading, setIsBookmarkButtonLoading] = useState(false)\n  const { variant, hiddenUI, requiredUI } = useWidgetConfig()\n\n  const { accounts } = useAccount()\n  const connectedWallets = accounts.filter((account) => account.isConnected)\n\n  useHeader(t('header.sendToWallet'))\n\n  const handleInputChange = (e: ChangeEvent) => {\n    if (errorMessage) {\n      setErrorMessage('')\n    }\n    if (getSelectedBookmark()) {\n      setFieldValue('toAddress', '', { isTouched: true })\n      setSelectedBookmark()\n    }\n    setInputAddressValue((e.target as HTMLInputElement).value.trim())\n  }\n\n  const handleDone = async () => {\n    if (isValidating) {\n      return\n    }\n    if (!inputAddressValue) {\n      setErrorMessage(t('error.title.walletAddressRequired'))\n      return\n    }\n    setIsDoneButtonLoading(true)\n    const validationResult = await validateAddress({\n      value: inputAddressValue,\n      chain: toChain,\n    })\n    setIsDoneButtonLoading(false)\n    if (!validationResult.isValid) {\n      setErrorMessage(validationResult.error)\n      return\n    }\n\n    setValidatedWallet({\n      name:\n        validationResult.addressType === AddressType.NameService\n          ? inputAddressValue\n          : undefined,\n      address: validationResult.address,\n      chainType: validationResult.chainType,\n      chainId: validationResult.chainId,\n    })\n    confirmAddressSheetRef.current?.open()\n  }\n\n  const handleBookmarkAddress = async () => {\n    if (isValidating) {\n      return\n    }\n    if (!inputAddressValue) {\n      setErrorMessage(t('error.title.walletAddressRequired'))\n      return\n    }\n\n    const existingBookmarkWallet = getBookmark(inputAddressValue)\n    if (existingBookmarkWallet) {\n      setErrorMessage(\n        t('error.title.bookmarkAlreadyExists', {\n          name: existingBookmarkWallet.name,\n        })\n      )\n      return\n    }\n    setIsBookmarkButtonLoading(true)\n    const validationResult = await validateAddress({\n      value: inputAddressValue,\n    })\n    setIsBookmarkButtonLoading(false)\n\n    if (validationResult.isValid) {\n      setValidatedWallet({\n        name:\n          validationResult.addressType === AddressType.NameService\n            ? inputAddressValue\n            : undefined,\n        address: validationResult.address,\n        chainType: validationResult.chainType,\n        chainId: validationResult.chainId,\n      })\n      bookmarkAddressSheetRef.current?.open()\n    } else {\n      setErrorMessage(validationResult.error)\n    }\n  }\n\n  const handleRecentWalletsClick = () => {\n    navigate({ to: navigationRoutes.recentWallets })\n  }\n\n  const handleConnectedWalletsClick = () => {\n    navigate({ to: navigationRoutes.connectedWallets })\n  }\n  const handleBookmarkedWalletsClick = () => {\n    navigate({ to: navigationRoutes.bookmarks })\n  }\n\n  const handleAddBookmark = (bookmark: Bookmark) => {\n    addBookmark(bookmark)\n    navigate({ to: navigationRoutes.bookmarks })\n  }\n\n  const handleOnConfirm = (confirmedWallet: Bookmark) => {\n    setSelectedBookmark(confirmedWallet)\n    addRecentWallet(confirmedWallet)\n  }\n\n  const placeholder = t('sendToWallet.enterAddress', {\n    context: 'long',\n  })\n\n  return (\n    <FullHeightAdjustablePageContainer\n      topGutters\n      bottomGutters\n      enableFullHeight={variant !== 'drawer'}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          gap: 2,\n          marginBottom: 6,\n        }}\n      >\n        <SendToWalletCard type={errorMessage ? 'error' : 'default'}>\n          <AddressInput\n            size=\"small\"\n            autoComplete=\"off\"\n            autoCorrect=\"off\"\n            autoCapitalize=\"off\"\n            spellCheck=\"false\"\n            onChange={handleInputChange}\n            value={inputAddressValue}\n            placeholder={placeholder}\n            aria-label={placeholder}\n            maxRows={2}\n            inputProps={{ maxLength: addressInputMaxLength }}\n            multiline\n          />\n          {errorMessage ? (\n            <ValidationAlert icon={<ErrorIcon />} sx={{ pb: 2, paddingX: 2 }}>\n              {errorMessage}\n            </ValidationAlert>\n          ) : null}\n          <SendToWalletButtonRow sx={{ paddingX: 2, paddingBottom: 2 }}>\n            <ButtonTertiary\n              variant=\"text\"\n              onClick={handleDone}\n              loading={isDoneButtonLoading}\n              loadingPosition=\"center\"\n              sx={{ flexGrow: 1 }}\n            >\n              {t('button.done')}\n            </ButtonTertiary>\n            <Tooltip title={t('button.bookmark')}>\n              <SendToWalletIconButton\n                onClick={handleBookmarkAddress}\n                loading={isBookmarkButtonLoading}\n                loadingPosition=\"center\"\n              >\n                <TurnedIn fontSize=\"small\" />\n              </SendToWalletIconButton>\n            </Tooltip>\n          </SendToWalletButtonRow>\n          <ConfirmAddressSheet\n            ref={confirmAddressSheetRef}\n            validatedBookmark={validatedWallet}\n            onConfirm={handleOnConfirm}\n          />\n          <BookmarkAddressSheet\n            ref={bookmarkAddressSheetRef}\n            validatedWallet={validatedWallet}\n            onAddBookmark={handleAddBookmark}\n          />\n        </SendToWalletCard>\n        {requiredUI?.accountDeployedMessage && <AccountDeployedMessage />}\n      </Box>\n      <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>\n        <CardButton\n          title={t('header.recentWallets')}\n          icon={<AccountBalanceWalletIcon />}\n          onClick={handleRecentWalletsClick}\n        >\n          {!!recentWallets.length && (\n            <Typography\n              sx={{\n                color: 'text.secondary',\n              }}\n            >\n              {recentWallets.length}\n            </Typography>\n          )}\n        </CardButton>\n        {!hiddenUI?.addressBookConnectedWallets && (\n          <CardButton\n            title={t('sendToWallet.connectedWallets')}\n            icon={<Wallet />}\n            onClick={handleConnectedWalletsClick}\n          >\n            {!!connectedWallets.length && (\n              <Typography\n                sx={{\n                  color: 'text.secondary',\n                }}\n              >\n                {connectedWallets.length}\n              </Typography>\n            )}\n          </CardButton>\n        )}\n        <CardButton\n          title={t('header.bookmarkedWallets')}\n          icon={<TurnedIn />}\n          onClick={handleBookmarkedWalletsClick}\n        >\n          {!!bookmarks.length && (\n            <Typography\n              sx={{\n                color: 'text.secondary',\n              }}\n            >\n              {bookmarks.length}\n            </Typography>\n          )}\n        </CardButton>\n      </Box>\n    </FullHeightAdjustablePageContainer>\n  )\n}\n"],"mappings":"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"}

package/dist/esm/providers/WalletProvider/WalletProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WalletProvider.d.ts","names":[],"sources":["../../../../src/providers/WalletProvider/WalletProvider.tsx"],"mappings":";;;UAgBU,4BAA4B;EACpC,aAAa,OAAO,kBAAkB,yBAAyB;;qBAGpD,mBACX,UACA,aACC,kBAAkB,yBAAuB,IAAI"}
+{"version":3,"file":"WalletProvider.d.ts","names":[],"sources":["../../../../src/providers/WalletProvider/WalletProvider.tsx"],"mappings":";;;UA0BU,4BAA4B;EACpC,aAAa,OAAO,kBAAkB,yBAAyB;;qBAGpD,mBACX,UACA,aACC,kBAAkB,yBAAuB,IAAI"}

package/dist/esm/providers/WalletProvider/WalletProvider.js

@@ -1,11 +1,13 @@
 import { getConfigItemSets, isItemAllowedForSets } from "../../utils/item.js";
-import { useWidgetConfig } from "../WidgetProvider/WidgetProvider.js";
+import { withServedDestinationChains, withoutUnservedToChain } from "../../utils/chainType.js";
+import { WidgetContext, useWidgetConfig } from "../WidgetProvider/WidgetProvider.js";
 import { useAvailableChains } from "../../hooks/useAvailableChains.js";
 import { useExternalWalletProvider } from "./useExternalWalletProvider.js";
 import { useInitializeSDKProviders } from "../../hooks/useInitializeSDKProviders.js";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
+import { useSDKProviders } from "@lifi/widget-provider";
 import { WalletManagementProviders } from "@lifi/wallet-management";
 //#region src/providers/WalletProvider/WalletProvider.tsx
 const WalletProvider = ({ children, providers }) => {
@@ -38,7 +40,17 @@ const WalletProvider = ({ children, providers }) => {
 };
 const SDKProviderInitializer = ({ children }) => {
 	useInitializeSDKProviders();
-	return children;
+	const config = useWidgetConfig();
+	const sdkProviders = useSDKProviders();
+	const chains = useMemo(() => withServedDestinationChains(config.chains, sdkProviders), [config.chains, sdkProviders]);
+	const value = useMemo(() => withoutUnservedToChain(chains === config.chains ? config : {
+		...config,
+		chains
+	}), [config, chains]);
+	return /* @__PURE__ */ jsx(WidgetContext, {
+		value,
+		children
+	});
 };
 //#endregion
 export { WalletProvider };

package/dist/esm/providers/WalletProvider/WalletProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"WalletProvider.js","names":[],"sources":["../../../../src/providers/WalletProvider/WalletProvider.tsx"],"sourcesContent":["import { WalletManagementProviders } from '@lifi/wallet-management'\nimport type { WidgetProviderProps } from '@lifi/widget-provider'\nimport {\n  type FC,\n  type JSX,\n  type PropsWithChildren,\n  type ReactNode,\n  useMemo,\n} from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useAvailableChains } from '../../hooks/useAvailableChains.js'\nimport { useInitializeSDKProviders } from '../../hooks/useInitializeSDKProviders.js'\nimport { getConfigItemSets, isItemAllowedForSets } from '../../utils/item.js'\nimport { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js'\nimport { useExternalWalletProvider } from './useExternalWalletProvider.js'\n\ninterface WalletProviderProps extends PropsWithChildren {\n  providers: ((props: PropsWithChildren<WidgetProviderProps>) => ReactNode)[]\n}\n\nexport const WalletProvider = ({\n  children,\n  providers,\n}: PropsWithChildren<WalletProviderProps>): JSX.Element => {\n  const { walletConfig, chains: chainsConfig } = useWidgetConfig()\n  const { chains } = useAvailableChains()\n  const { i18n } = useTranslation()\n  const { useExternalWalletProvidersOnly, internalChainTypes } =\n    useExternalWalletProvider()\n\n  // Restrict offered wallets to the ecosystems allowed by chains.types config.\n  const enabledChainTypes = useMemo(() => {\n    const chainTypeSets = getConfigItemSets(\n      chainsConfig?.types,\n      (items) => new Set(items)\n    )\n    return internalChainTypes.filter((chainType) =>\n      isItemAllowedForSets(chainType, chainTypeSets)\n    )\n  }, [internalChainTypes, chainsConfig?.types])\n\n  if (\n    !providers.length &&\n    !useExternalWalletProvidersOnly &&\n    process.env.NODE_ENV === 'development'\n  ) {\n    console.warn('No widget providers specified')\n  }\n\n  const effectiveProviders = useExternalWalletProvidersOnly ? [] : providers\n\n  const walletManagementConfig = useMemo(\n    () => ({\n      locale: i18n.resolvedLanguage as never,\n      enabledChainTypes,\n      walletEcosystemsOrder: walletConfig?.walletEcosystemsOrder,\n    }),\n    [\n      i18n.resolvedLanguage,\n      enabledChainTypes,\n      walletConfig?.walletEcosystemsOrder,\n    ]\n  )\n\n  return (\n    <WalletManagementProviders\n      config={walletManagementConfig}\n      providers={effectiveProviders}\n      chains={chains}\n      forceInternalWalletManagement={\n        walletConfig?.forceInternalWalletManagement\n      }\n    >\n      <SDKProviderInitializer>{children}</SDKProviderInitializer>\n    </WalletManagementProviders>\n  )\n}\n\nconst SDKProviderInitializer: FC<PropsWithChildren> = ({ children }) => {\n  useInitializeSDKProviders()\n  return children\n}\n"],"mappings":";;;;;;;;;;AAoBA,MAAa,kBAAkB,EAC7B,UACA,gBACyD;CACzD,MAAM,EAAE,cAAc,QAAQ,iBAAiB,gBAAgB;CAC/D,MAAM,EAAE,WAAW,mBAAmB;CACtC,MAAM,EAAE,SAAS,eAAe;CAChC,MAAM,EAAE,gCAAgC,uBACtC,0BAA0B;CAG5B,MAAM,oBAAoB,cAAc;EACtC,MAAM,gBAAgB,kBACpB,cAAc,QACb,UAAU,IAAI,IAAI,KAAK,CAC1B;EACA,OAAO,mBAAmB,QAAQ,cAChC,qBAAqB,WAAW,aAAa,CAC/C;CACF,GAAG,CAAC,oBAAoB,cAAc,KAAK,CAAC;CAE5C,IACE,CAAC,UAAU,UACX,CAAC,kCACD,QAAQ,IAAI,aAAa,eAEzB,QAAQ,KAAK,+BAA+B;CAG9C,MAAM,qBAAqB,iCAAiC,CAAC,IAAI;CAEjE,MAAM,yBAAyB,eACtB;EACL,QAAQ,KAAK;EACb;EACA,uBAAuB,cAAc;CACvC,IACA;EACE,KAAK;EACL;EACA,cAAc;CAChB,CACF;CAEA,OACE,oBAAC,2BAAD;EACE,QAAQ;EACR,WAAW;EACH;EACR,+BACE,cAAc;EAGhB,UAAA,oBAAC,wBAAD,EAAyB,SAAiC,CAAA;CACjC,CAAA;AAE/B;AAEA,MAAM,0BAAiD,EAAE,eAAe;CACtE,0BAA0B;CAC1B,OAAO;AACT"}
+{"version":3,"file":"WalletProvider.js","names":[],"sources":["../../../../src/providers/WalletProvider/WalletProvider.tsx"],"sourcesContent":["import { WalletManagementProviders } from '@lifi/wallet-management'\nimport {\n  useSDKProviders,\n  type WidgetProviderProps,\n} from '@lifi/widget-provider'\nimport {\n  type FC,\n  type JSX,\n  type PropsWithChildren,\n  type ReactNode,\n  useMemo,\n} from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useAvailableChains } from '../../hooks/useAvailableChains.js'\nimport { useInitializeSDKProviders } from '../../hooks/useInitializeSDKProviders.js'\nimport {\n  withoutUnservedToChain,\n  withServedDestinationChains,\n} from '../../utils/chainType.js'\nimport { getConfigItemSets, isItemAllowedForSets } from '../../utils/item.js'\nimport {\n  useWidgetConfig,\n  WidgetContext,\n} from '../WidgetProvider/WidgetProvider.js'\nimport { useExternalWalletProvider } from './useExternalWalletProvider.js'\n\ninterface WalletProviderProps extends PropsWithChildren {\n  providers: ((props: PropsWithChildren<WidgetProviderProps>) => ReactNode)[]\n}\n\nexport const WalletProvider = ({\n  children,\n  providers,\n}: PropsWithChildren<WalletProviderProps>): JSX.Element => {\n  const { walletConfig, chains: chainsConfig } = useWidgetConfig()\n  const { chains } = useAvailableChains()\n  const { i18n } = useTranslation()\n  const { useExternalWalletProvidersOnly, internalChainTypes } =\n    useExternalWalletProvider()\n\n  // Restrict offered wallets to the ecosystems allowed by chains.types config.\n  const enabledChainTypes = useMemo(() => {\n    const chainTypeSets = getConfigItemSets(\n      chainsConfig?.types,\n      (items) => new Set(items)\n    )\n    return internalChainTypes.filter((chainType) =>\n      isItemAllowedForSets(chainType, chainTypeSets)\n    )\n  }, [internalChainTypes, chainsConfig?.types])\n\n  if (\n    !providers.length &&\n    !useExternalWalletProvidersOnly &&\n    process.env.NODE_ENV === 'development'\n  ) {\n    console.warn('No widget providers specified')\n  }\n\n  const effectiveProviders = useExternalWalletProvidersOnly ? [] : providers\n\n  const walletManagementConfig = useMemo(\n    () => ({\n      locale: i18n.resolvedLanguage as never,\n      enabledChainTypes,\n      walletEcosystemsOrder: walletConfig?.walletEcosystemsOrder,\n    }),\n    [\n      i18n.resolvedLanguage,\n      enabledChainTypes,\n      walletConfig?.walletEcosystemsOrder,\n    ]\n  )\n\n  return (\n    <WalletManagementProviders\n      config={walletManagementConfig}\n      providers={effectiveProviders}\n      chains={chains}\n      forceInternalWalletManagement={\n        walletConfig?.forceInternalWalletManagement\n      }\n    >\n      <SDKProviderInitializer>{children}</SDKProviderInitializer>\n    </WalletManagementProviders>\n  )\n}\n\nconst SDKProviderInitializer: FC<PropsWithChildren> = ({ children }) => {\n  useInitializeSDKProviders()\n  const config = useWidgetConfig()\n  const sdkProviders = useSDKProviders()\n  // Only below the provider components is it known which chains are served.\n  // Keyed on `config.chains`: the config object is new on every render.\n  const chains = useMemo(\n    () => withServedDestinationChains(config.chains, sdkProviders),\n    [config.chains, sdkProviders]\n  )\n  const value = useMemo(\n    () =>\n      withoutUnservedToChain(\n        chains === config.chains ? config : { ...config, chains }\n      ),\n    [config, chains]\n  )\n  return <WidgetContext value={value}>{children}</WidgetContext>\n}\n"],"mappings":";;;;;;;;;;;;AA8BA,MAAa,kBAAkB,EAC7B,UACA,gBACyD;CACzD,MAAM,EAAE,cAAc,QAAQ,iBAAiB,gBAAgB;CAC/D,MAAM,EAAE,WAAW,mBAAmB;CACtC,MAAM,EAAE,SAAS,eAAe;CAChC,MAAM,EAAE,gCAAgC,uBACtC,0BAA0B;CAG5B,MAAM,oBAAoB,cAAc;EACtC,MAAM,gBAAgB,kBACpB,cAAc,QACb,UAAU,IAAI,IAAI,KAAK,CAC1B;EACA,OAAO,mBAAmB,QAAQ,cAChC,qBAAqB,WAAW,aAAa,CAC/C;CACF,GAAG,CAAC,oBAAoB,cAAc,KAAK,CAAC;CAE5C,IACE,CAAC,UAAU,UACX,CAAC,kCACD,QAAQ,IAAI,aAAa,eAEzB,QAAQ,KAAK,+BAA+B;CAG9C,MAAM,qBAAqB,iCAAiC,CAAC,IAAI;CAEjE,MAAM,yBAAyB,eACtB;EACL,QAAQ,KAAK;EACb;EACA,uBAAuB,cAAc;CACvC,IACA;EACE,KAAK;EACL;EACA,cAAc;CAChB,CACF;CAEA,OACE,oBAAC,2BAAD;EACE,QAAQ;EACR,WAAW;EACH;EACR,+BACE,cAAc;EAGhB,UAAA,oBAAC,wBAAD,EAAyB,SAAiC,CAAA;CACjC,CAAA;AAE/B;AAEA,MAAM,0BAAiD,EAAE,eAAe;CACtE,0BAA0B;CAC1B,MAAM,SAAS,gBAAgB;CAC/B,MAAM,eAAe,gBAAgB;CAGrC,MAAM,SAAS,cACP,4BAA4B,OAAO,QAAQ,YAAY,GAC7D,CAAC,OAAO,QAAQ,YAAY,CAC9B;CACA,MAAM,QAAQ,cAEV,uBACE,WAAW,OAAO,SAAS,SAAS;EAAE,GAAG;EAAQ;CAAO,CAC1D,GACF,CAAC,QAAQ,MAAM,CACjB;CACA,OAAO,oBAAC,eAAD;EAAsB;EAAQ;CAAwB,CAAA;AAC/D"}

package/dist/esm/providers/WidgetProvider/WidgetProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetProvider.d.ts","names":[],"sources":["../../../../src/providers/WidgetProvider/WidgetProvider.tsx"],"mappings":";;;qBAmBa,uBAAsB;qBAEtB,gBAAgB,MAAM,GACjC,MAAM,kBAAkB"}
+{"version":3,"file":"WidgetProvider.d.ts","names":[],"sources":["../../../../src/providers/WidgetProvider/WidgetProvider.tsx"],"mappings":";;;qBAuBa,uBAAsB;qBAEtB,gBAAgB,MAAM,GACjC,MAAM,kBAAkB"}

package/dist/esm/providers/WidgetProvider/WidgetProvider.js

@@ -1,4 +1,5 @@
 import { useSettingsActions } from "../../stores/settings/useSettingsActions.js";
+import { isDestinationOnlyChain, withDestinationOnlyChains } from "../../utils/chainType.js";
 import { defaultQueryScopeKey, resolveQueryScopeKey, resolveStorageScopeKey } from "../../utils/scopeKeys.js";
 import { createContext, use, useId, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -12,31 +13,26 @@ const WidgetProvider = ({ children, config: widgetConfig }) => {
 	const elementId = useId();
 	const { setDefaultSettings } = useSettingsActions();
 	if (!widgetConfig?.integrator) throw new Error("Required property \"integrator\" is missing.");
+	const chains = useMemo(() => withDestinationOnlyChains(widgetConfig.chains), [widgetConfig.chains]);
 	const value = useMemo(() => {
-		const scopeKeys = {
+		const { fromChain, fromToken, ...config } = widgetConfig;
+		const value = {
+			...isDestinationOnlyChain(fromChain) ? config : widgetConfig,
+			chains,
 			storageScopeKey: resolveStorageScopeKey(widgetConfig),
-			queryScopeKey: resolveQueryScopeKey(widgetConfig)
+			queryScopeKey: resolveQueryScopeKey(widgetConfig),
+			elementId
 		};
 		try {
-			const value = {
-				...widgetConfig,
-				...scopeKeys,
-				elementId
-			};
 			setDefaultSettings(value);
-			return value;
 		} catch (e) {
 			console.warn(e);
-			return {
-				...widgetConfig,
-				...scopeKeys,
-				elementId,
-				integrator: widgetConfig.integrator
-			};
 		}
+		return value;
 	}, [
 		elementId,
 		widgetConfig,
+		chains,
 		setDefaultSettings
 	]);
 	return /* @__PURE__ */ jsx(WidgetContext, {

package/dist/esm/providers/WidgetProvider/WidgetProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetProvider.js","names":[],"sources":["../../../../src/providers/WidgetProvider/WidgetProvider.tsx"],"sourcesContent":["import type { Context } from 'react'\nimport { createContext, use, useId, useMemo } from 'react'\nimport { useSettingsActions } from '../../stores/settings/useSettingsActions.js'\nimport {\n  defaultQueryScopeKey,\n  resolveQueryScopeKey,\n  resolveStorageScopeKey,\n} from '../../utils/scopeKeys.js'\nimport type { WidgetContextProps, WidgetProviderProps } from './types.js'\n\nconst initialContext: WidgetContextProps = {\n  elementId: '',\n  integrator: '',\n  queryScopeKey: defaultQueryScopeKey,\n}\n\nexport const WidgetContext: Context<WidgetContextProps> =\n  createContext<WidgetContextProps>(initialContext)\n\nexport const useWidgetConfig = (): WidgetContextProps => use(WidgetContext)\n\nexport const WidgetProvider: React.FC<\n  React.PropsWithChildren<WidgetProviderProps>\n> = ({ children, config: widgetConfig }) => {\n  const elementId = useId()\n  const { setDefaultSettings } = useSettingsActions()\n\n  if (!widgetConfig?.integrator) {\n    throw new Error('Required property \"integrator\" is missing.')\n  }\n\n  const value = useMemo((): WidgetContextProps => {\n    // Resolved once, so nothing below reads the deprecated keyPrefix.\n    const scopeKeys = {\n      storageScopeKey: resolveStorageScopeKey(widgetConfig),\n      queryScopeKey: resolveQueryScopeKey(widgetConfig),\n    }\n    try {\n      // Create widget configuration object\n      const value = {\n        ...widgetConfig,\n        ...scopeKeys,\n        elementId,\n      } as WidgetContextProps\n\n      // Set default settings for widget settings store\n      setDefaultSettings(value)\n\n      return value\n    } catch (e) {\n      console.warn(e)\n      return {\n        ...widgetConfig,\n        ...scopeKeys,\n        elementId,\n        integrator: widgetConfig.integrator,\n      }\n    }\n  }, [elementId, widgetConfig, setDefaultSettings])\n  return <WidgetContext value={value}>{children}</WidgetContext>\n}\n"],"mappings":";;;;AAgBA,MAAa,gBACX,cAAkC;CANlC,WAAW;CACX,YAAY;CACZ,eAAe;AAImB,CAAc;AAElD,MAAa,wBAA4C,IAAI,aAAa;AAE1E,MAAa,kBAER,EAAE,UAAU,QAAQ,mBAAmB;CAC1C,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,uBAAuB,mBAAmB;CAElD,IAAI,CAAC,cAAc,YACjB,MAAM,IAAI,MAAM,8CAA4C;CAG9D,MAAM,QAAQ,cAAkC;EAE9C,MAAM,YAAY;GAChB,iBAAiB,uBAAuB,YAAY;GACpD,eAAe,qBAAqB,YAAY;EAClD;EACA,IAAI;GAEF,MAAM,QAAQ;IACZ,GAAG;IACH,GAAG;IACH;GACF;GAGA,mBAAmB,KAAK;GAExB,OAAO;EACT,SAAS,GAAG;GACV,QAAQ,KAAK,CAAC;GACd,OAAO;IACL,GAAG;IACH,GAAG;IACH;IACA,YAAY,aAAa;GAC3B;EACF;CACF,GAAG;EAAC;EAAW;EAAc;CAAkB,CAAC;CAChD,OAAO,oBAAC,eAAD;EAAsB;EAAQ;CAAwB,CAAA;AAC/D"}
+{"version":3,"file":"WidgetProvider.js","names":[],"sources":["../../../../src/providers/WidgetProvider/WidgetProvider.tsx"],"sourcesContent":["import type { Context } from 'react'\nimport { createContext, use, useId, useMemo } from 'react'\nimport { useSettingsActions } from '../../stores/settings/useSettingsActions.js'\nimport {\n  isDestinationOnlyChain,\n  withDestinationOnlyChains,\n} from '../../utils/chainType.js'\nimport {\n  defaultQueryScopeKey,\n  resolveQueryScopeKey,\n  resolveStorageScopeKey,\n} from '../../utils/scopeKeys.js'\nimport type { WidgetContextProps, WidgetProviderProps } from './types.js'\n\nconst initialContext: WidgetContextProps = {\n  elementId: '',\n  integrator: '',\n  queryScopeKey: defaultQueryScopeKey,\n}\n\nexport const WidgetContext: Context<WidgetContextProps> =\n  createContext<WidgetContextProps>(initialContext)\n\nexport const useWidgetConfig = (): WidgetContextProps => use(WidgetContext)\n\nexport const WidgetProvider: React.FC<\n  React.PropsWithChildren<WidgetProviderProps>\n> = ({ children, config: widgetConfig }) => {\n  const elementId = useId()\n  const { setDefaultSettings } = useSettingsActions()\n\n  if (!widgetConfig?.integrator) {\n    throw new Error('Required property \"integrator\" is missing.')\n  }\n\n  // Keyed on the integrator's `chains`: the config object is new on every render.\n  const chains = useMemo(\n    () => withDestinationOnlyChains(widgetConfig.chains),\n    [widgetConfig.chains]\n  )\n\n  const value = useMemo((): WidgetContextProps => {\n    // Omitted, not undefined: an own undefined key resets the form field.\n    const { fromChain, fromToken, ...config } = widgetConfig\n    const value = {\n      ...(isDestinationOnlyChain(fromChain) ? config : widgetConfig),\n      chains,\n      // Resolved once, so nothing below reads the deprecated keyPrefix.\n      storageScopeKey: resolveStorageScopeKey(widgetConfig),\n      queryScopeKey: resolveQueryScopeKey(widgetConfig),\n      elementId,\n    } as WidgetContextProps\n    try {\n      // Set default settings for widget settings store\n      setDefaultSettings(value)\n    } catch (e) {\n      console.warn(e)\n    }\n    return value\n  }, [elementId, widgetConfig, chains, setDefaultSettings])\n  return <WidgetContext value={value}>{children}</WidgetContext>\n}\n"],"mappings":";;;;;AAoBA,MAAa,gBACX,cAAkC;CANlC,WAAW;CACX,YAAY;CACZ,eAAe;AAImB,CAAc;AAElD,MAAa,wBAA4C,IAAI,aAAa;AAE1E,MAAa,kBAER,EAAE,UAAU,QAAQ,mBAAmB;CAC1C,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,uBAAuB,mBAAmB;CAElD,IAAI,CAAC,cAAc,YACjB,MAAM,IAAI,MAAM,8CAA4C;CAI9D,MAAM,SAAS,cACP,0BAA0B,aAAa,MAAM,GACnD,CAAC,aAAa,MAAM,CACtB;CAEA,MAAM,QAAQ,cAAkC;EAE9C,MAAM,EAAE,WAAW,WAAW,GAAG,WAAW;EAC5C,MAAM,QAAQ;GACZ,GAAI,uBAAuB,SAAS,IAAI,SAAS;GACjD;GAEA,iBAAiB,uBAAuB,YAAY;GACpD,eAAe,qBAAqB,YAAY;GAChD;EACF;EACA,IAAI;GAEF,mBAAmB,KAAK;EAC1B,SAAS,GAAG;GACV,QAAQ,KAAK,CAAC;EAChB;EACA,OAAO;CACT,GAAG;EAAC;EAAW;EAAc;EAAQ;CAAkB,CAAC;CACxD,OAAO,oBAAC,eAAD;EAAsB;EAAQ;CAAwB,CAAA;AAC/D"}

package/dist/esm/stores/bookmarks/types.d.ts

@@ -1,8 +1,11 @@
 import { ToAddress } from "../../types/widget.js";
+import { ChainId } from "@lifi/sdk";
 import { StoreApi, UseBoundStore } from "zustand";
 //#region src/stores/bookmarks/types.d.ts
 export interface Bookmark extends ToAddress {
   isConnectedAccount?: boolean;
+  /** Display only: set when the ecosystem's default chain rejects the address. */
+  chainId?: ChainId;
 }
 export interface BookmarkProps {
   selectedBookmark?: Bookmark;

package/dist/esm/stores/bookmarks/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/stores/bookmarks/types.ts"],"mappings":";;;iBAGiB,iBAAiB;EAChC;;iBAGe;EACf,mBAAmB;EACnB,WAAW;EACX,eAAe;;iBAGA;EACf,cAAc,oBAAoB;EAClC,cAAc,UAAU;EACxB,iBAAiB;EACjB,sBAAsB,WAAW;EACjC,2BAA2B;EAC3B,kBAAkB,UAAU;EAC5B,qBAAqB;;YAGX,gBAAgB,gBAAgB;YAEhC,gBAAgB,cAAc,SAAS"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/stores/bookmarks/types.ts"],"mappings":";;;;iBAIiB,iBAAiB;EAChC;;EAEA,UAAU;;iBAGK;EACf,mBAAmB;EACnB,WAAW;EACX,eAAe;;iBAGA;EACf,cAAc,oBAAoB;EAClC,cAAc,UAAU;EACxB,iBAAiB;EACjB,sBAAsB,WAAW;EACjC,2BAA2B;EAC3B,kBAAkB,UAAU;EAC5B,qBAAqB;;YAGX,gBAAgB,gBAAgB;YAEhC,gBAAgB,cAAc,SAAS"}

package/dist/esm/stores/chains/ChainOrderStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChainOrderStore.d.ts","names":[],"sources":["../../../../src/stores/chains/ChainOrderStore.tsx"],"mappings":";;;;wBAkLgB,mBAAmB,GACjC,WAAW,OAAO,oBAAoB,IACrC"}
+{"version":3,"file":"ChainOrderStore.d.ts","names":[],"sources":["../../../../src/stores/chains/ChainOrderStore.tsx"],"mappings":";;;;wBAqLgB,mBAAmB,GACjC,WAAW,OAAO,oBAAoB,IACrC"}

package/dist/esm/stores/chains/ChainOrderStore.js

@@ -33,7 +33,10 @@ function ChainOrderStoreProvider({ children, ...props }) {
 			const chainOrder = storeRef.current?.getState().initializeChains(filteredChains.map((chain) => chain.id), key);
 			const isSwapTo = swapOnly && key === "to";
 			const showAllNetworks = filteredChains.length > 1 && !hiddenUI?.allNetworks && !isSwapTo;
-			const urlValues = getDefaultValuesFromQueryString({ buildUrl });
+			const urlValues = getDefaultValuesFromQueryString({
+				buildUrl,
+				chains: chainsConfig
+			});
 			const urlChainValue = key === "from" ? urlValues.fromChain : urlValues.toChain;
 			const configChainValue = key === "from" ? fromChainConfig : toChainConfig;
 			const [chainValue] = getFieldValues(`${key}Chain`);