npm - @lifi/widget - Versions diffs - 4.0.0-beta.14 → 4.0.0-beta.18 - Mend

@lifi/widget 4.0.0-beta.14 → 4.0.0-beta.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (294) hide show

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

	@@ -1 +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/~~DeleteOutline~~'\nimport OpenInNewRounded from '@mui/icons-material/OpenInNewRounded'\nimport TurnedIn from '@mui/icons-material/TurnedIn'\nimport { Button, 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 { ListItem } from '../../components/ListItem/ListItem.js'\nimport { ListItemButton } from '../../components/ListItem//ListItemButton.js'\nimport { useExplorer } from '../../hooks/useExplorer.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 { defaultChainIdsByType } from '../../utils/chainType.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { shortenAddress } from '../../utils/wallet.js'\nimport { BookmarkAddressSheet } from './BookmarkAddressSheet.js'\nimport { EmptyListIndicator } from './EmptyListIndicator.js'\nimport {\n BookmarkButtonContainer,\n BookmarksListContainer,\n FullHeightAdjustablePageContainer,\n} from './SendToWalletPage.style.js'\n\nexport const BookmarksPage = (): JSX.Element => {\n const { t } = useTranslation()\n const bookmarkAddressSheetRef = useRef<BottomSheetBase>(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 { variant } = useWidgetConfig()\n const { getAddressLink } = useExplorer()\n\n useHeader(t('header.bookmarkedWallets'))\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 <FullHeightAdjustablePageContainer\n disableGutters\n enableFullHeight={variant !== 'drawer'}\n >\n <BookmarksListContainer>\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 window.open(\n getAddressLink(\n bookmark.address,\n defaultChainIdsByType[bookmark.chainType]\n ),\n '_blank'\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 icon={<TurnedIn sx={{ fontSize: 48 }} />}>\n {t('sendToWallet.noBookmarkedWallets')}\n </EmptyListIndicator>\n )}\n </BookmarksListContainer>\n <BookmarkButtonContainer>\n <Button variant=\"contained\" onClick={handleAddBookmark}>\n {t('sendToWallet.addBookmark')}\n </Button>\n </BookmarkButtonContainer>\n <BookmarkAddressSheet\n ref={bookmarkAddressSheetRef}\n onAddBookmark={addBookmark}\n />\n </FullHeightAdjustablePageContainer>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAa,sBAAmC;CAC9C,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,0BAA0B,OAAwB,KAAK;CAC7D,MAAM,EAAE,cAAc,cAAc;CACpC,MAAM,EAAE,wBAAwB,0BAA0B;CAC1D,MAAM,EAAE,aAAa,gBAAgB,wBACnC,oBAAoB;CACtB,MAAM,WAAW,aAAa;CAC9B,MAAM,EAAE,kBAAkB,iBAAiB;CAC3C,MAAM,EAAE,YAAY,iBAAiB;CACrC,MAAM,EAAE,mBAAmB,aAAa;AAExC,WAAU,EAAE,2BAA2B,CAAC;CAExC,MAAM,0BAA0B;AAC9B,0BAAwB,SAAS,MAAM;;CAGzC,MAAM,0BAA0B,aAAuB;AACrD,gBAAc,aAAa,SAAS,SAAS;GAC3C,WAAW;GACX,SAAS;GACV,CAAC;AACF,sBAAoB,SAAS;AAC7B,WAAS;GAAE,IAAI,iBAAiB;GAAM,SAAS;GAAM,CAAC;;AAGxD,QACE,qBAAC,mCAAD;EACE,gBAAA;EACA,kBAAkB,YAAY;YAFhC;GAIE,qBAAC,wBAAD,EAAA,UAAA,CACG,UAAU,KAAK,aACd,qBAACA,YAAD;IAAiC,IAAI,EAAE,UAAU,YAAY;cAA7D,CACE,qBAACC,kBAAD;KACE,eAAe,uBAAuB,SAAS;KAC/C,UACE,uBACA,wBAAwB,SAAS;eAJrC,CAOE,oBAAC,gBAAD,EAAA,UACE,oBAAC,eAAD,EACE,SAAS,sBAAsB,SAAS,YACxC,CAAA,EACa,CAAA,EACjB,oBAAC,cAAD;MACE,SAAS,SAAS;MAClB,WAAW,eAAe,SAAS,QAAQ;MAC3C,CAAA,CACa;QACjB,oBAAC,aAAD;KACE,UACE,CAAC,EACC,uBACA,wBAAwB,SAAS;KAGrC,OAAO;MACL;OACE,MAAM,oBAAC,oBAAD,EAAsB,CAAA;OAC5B,OAAO,EAAE,qBAAqB;OAC9B,eACE,UAAU,UAAU,UAAU,SAAS,QAAQ;OAClD;MACD;OACE,MAAM,oBAAC,kBAAD,EAAoB,CAAA;OAC1B,OAAO,EAAE,wBAAwB;OACjC,eACE,OAAO,KACL,eACE,SAAS,SACT,sBAAsB,SAAS,WAChC,EACD,SACD;OACJ;MACD;OACE,MAAM,oBAAC,eAAD,EAAiB,CAAA;OACvB,OAAO,EAAE,gBAAgB;OACzB,eAAe,eAAe,SAAS,QAAQ;OAChD;MACF;KACD,CAAA,CACO;MAnDI,SAAS,QAmDb,CACX,EACD,CAAC,UAAU,UACV,oBAAC,oBAAD;IAAoB,MAAM,oBAAC,UAAD,EAAU,IAAI,EAAE,UAAU,IAAI,EAAI,CAAA;cACzD,EAAE,mCAAmC;IACnB,CAAA,CAEA,EAAA,CAAA;GACzB,oBAAC,yBAAD,EAAA,UACE,oBAAC,QAAD;IAAQ,SAAQ;IAAY,SAAS;cAClC,EAAE,2BAA2B;IACvB,CAAA,EACe,CAAA;GAC1B,oBAAC,sBAAD;IACE,KAAK;IACL,eAAe;IACf,CAAA;GACgC"}
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, 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 { ListItem } from '../../components/ListItem/ListItem.js'\nimport { ListItemButton } from '../../components/ListItem//ListItemButton.js'\nimport { useExplorer } from '../../hooks/useExplorer.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 { defaultChainIdsByType } from '../../utils/chainType.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { shortenAddress } from '../../utils/wallet.js'\nimport { BookmarkAddressSheet } from './BookmarkAddressSheet.js'\nimport { EmptyListIndicator } from './EmptyListIndicator.js'\nimport {\n BookmarkButtonContainer,\n BookmarksListContainer,\n FullHeightAdjustablePageContainer,\n} from './SendToWalletPage.style.js'\n\nexport const BookmarksPage = (): JSX.Element => {\n const { t } = useTranslation()\n const bookmarkAddressSheetRef = useRef<BottomSheetBase>(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 { variant } = useWidgetConfig()\n const { getAddressLink } = useExplorer()\n\n useHeader(t('header.bookmarkedWallets'))\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 <FullHeightAdjustablePageContainer\n disableGutters\n enableFullHeight={variant !== 'drawer'}\n >\n <BookmarksListContainer>\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 window.open(\n getAddressLink(\n bookmark.address,\n defaultChainIdsByType[bookmark.chainType]\n ),\n '_blank'\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 icon={<TurnedIn sx={{ fontSize: 48 }} />}>\n {t('sendToWallet.noBookmarkedWallets')}\n </EmptyListIndicator>\n )}\n </BookmarksListContainer>\n <BookmarkButtonContainer>\n <Button variant=\"contained\" onClick={handleAddBookmark}>\n {t('sendToWallet.addBookmark')}\n </Button>\n </BookmarkButtonContainer>\n <BookmarkAddressSheet\n ref={bookmarkAddressSheetRef}\n onAddBookmark={addBookmark}\n />\n </FullHeightAdjustablePageContainer>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAa,sBAAmC;CAC9C,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,0BAA0B,OAAwB,KAAK;CAC7D,MAAM,EAAE,cAAc,cAAc;CACpC,MAAM,EAAE,wBAAwB,0BAA0B;CAC1D,MAAM,EAAE,aAAa,gBAAgB,wBACnC,oBAAoB;CACtB,MAAM,WAAW,aAAa;CAC9B,MAAM,EAAE,kBAAkB,iBAAiB;CAC3C,MAAM,EAAE,YAAY,iBAAiB;CACrC,MAAM,EAAE,mBAAmB,aAAa;AAExC,WAAU,EAAE,2BAA2B,CAAC;CAExC,MAAM,0BAA0B;AAC9B,0BAAwB,SAAS,MAAM;;CAGzC,MAAM,0BAA0B,aAAuB;AACrD,gBAAc,aAAa,SAAS,SAAS;GAC3C,WAAW;GACX,SAAS;GACV,CAAC;AACF,sBAAoB,SAAS;AAC7B,WAAS;GAAE,IAAI,iBAAiB;GAAM,SAAS;GAAM,CAAC;;AAGxD,QACE,qBAAC,mCAAD;EACE,gBAAA;EACA,kBAAkB,YAAY;YAFhC;GAIE,qBAAC,wBAAD,EAAA,UAAA,CACG,UAAU,KAAK,aACd,qBAACA,YAAD;IAAiC,IAAI,EAAE,UAAU,YAAY;cAA7D,CACE,qBAACC,kBAAD;KACE,eAAe,uBAAuB,SAAS;KAC/C,UACE,uBACA,wBAAwB,SAAS;eAJrC,CAOE,oBAAC,gBAAD,EAAA,UACE,oBAAC,eAAD,EACE,SAAS,sBAAsB,SAAS,YACxC,CAAA,EACa,CAAA,EACjB,oBAAC,cAAD;MACE,SAAS,SAAS;MAClB,WAAW,eAAe,SAAS,QAAQ;MAC3C,CAAA,CACa;QACjB,oBAAC,aAAD;KACE,UACE,CAAC,EACC,uBACA,wBAAwB,SAAS;KAGrC,OAAO;MACL;OACE,MAAM,oBAAC,oBAAD,EAAsB,CAAA;OAC5B,OAAO,EAAE,qBAAqB;OAC9B,eACE,UAAU,UAAU,UAAU,SAAS,QAAQ;OAClD;MACD;OACE,MAAM,oBAAC,kBAAD,EAAoB,CAAA;OAC1B,OAAO,EAAE,wBAAwB;OACjC,eACE,OAAO,KACL,eACE,SAAS,SACT,sBAAsB,SAAS,WAChC,EACD,SACD;OACJ;MACD;OACE,MAAM,oBAAC,eAAD,EAAiB,CAAA;OACvB,OAAO,EAAE,gBAAgB;OACzB,eAAe,eAAe,SAAS,QAAQ;OAChD;MACF;KACD,CAAA,CACO;MAnDI,SAAS,QAmDb,CACX,EACD,CAAC,UAAU,UACV,oBAAC,oBAAD;IAAoB,MAAM,oBAAC,UAAD,EAAU,IAAI,EAAE,UAAU,IAAI,EAAI,CAAA;cACzD,EAAE,mCAAmC;IACnB,CAAA,CAEA,EAAA,CAAA;GACzB,oBAAC,yBAAD,EAAA,UACE,oBAAC,QAAD;IAAQ,SAAQ;IAAY,SAAS;cAClC,EAAE,2BAA2B;IACvB,CAAA,EACe,CAAA;GAC1B,oBAAC,sBAAD;IACE,KAAK;IACL,eAAe;IACf,CAAA;GACgC"}

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

@@ -22,7 +22,7 @@ import { useTranslation } from "react-i18next";
 import History from "@mui/icons-material/History";
 import ContentCopyRounded from "@mui/icons-material/ContentCopyRounded";
 import OpenInNewRounded from "@mui/icons-material/OpenInNewRounded";
-import DeleteOutline from "@mui/icons-material/DeleteOutline";
+import DeleteOutline from "@mui/icons-material/DeleteOutlined";
 import TurnedInNot from "@mui/icons-material/TurnedInNot";
 //#region src/pages/SendToWallet/RecentWalletsPage.tsx
 const RecentWalletsPage = () => {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"RecentWalletsPage.js","names":["ListItem","ListItemButton"],"sources":["../../../../src/pages/SendToWallet/RecentWalletsPage.tsx"],"sourcesContent":["import ContentCopyRounded from '@mui/icons-material/ContentCopyRounded'\nimport DeleteOutline from '@mui/icons-material/~~DeleteOutline~~'\nimport History from '@mui/icons-material/History'\nimport OpenInNewRounded from '@mui/icons-material/OpenInNewRounded'\nimport TurnedInNot from '@mui/icons-material/TurnedInNot'\nimport { 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 { ListItem } from '../../components/ListItem/ListItem.js'\nimport { ListItemButton } from '../../components/ListItem/ListItemButton.js'\nimport { useExplorer } from '../../hooks/useExplorer.js'\nimport { useHeader } from '../../hooks/useHeader.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 { shortenAddress } from '../../utils/wallet.js'\nimport { BookmarkAddressSheet } from './BookmarkAddressSheet.js'\nimport { EmptyListIndicator } from './EmptyListIndicator.js'\nimport {\n ListContainer,\n SendToWalletPageContainer,\n} from './SendToWalletPage.style.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 { 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 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 <SendToWalletPageContainer disableGutters>\n <ListContainer>\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 window.open(\n getAddressLink(\n recentWallet.address,\n defaultChainIdsByType[recentWallet.chainType]\n ),\n '_blank'\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 icon={<History sx={{ fontSize: 48 }} />}>\n {t('sendToWallet.noRecentWallets')}\n </EmptyListIndicator>\n )}\n </ListContainer>\n <BookmarkAddressSheet\n ref={bookmarkAddressSheetRef}\n validatedWallet={bookmarkTarget}\n onAddBookmark={handleAddBookmark}\n />\n </SendToWalletPageContainer>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAa,0BAAuC;CAClD,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,WAAW,aAAa;CAC9B,MAAM,CAAC,gBAAgB,qBAAqB,UAAoB;CAChE,MAAM,0BAA0B,OAAwB,KAAK;CAC7D,MAAM,EAAE,kBAAkB,cAAc;CACxC,MAAM,EAAE,wBAAwB,0BAA0B;CAC1D,MAAM,EACJ,oBACA,aACA,qBACA,oBACE,oBAAoB;CACxB,MAAM,EAAE,kBAAkB,iBAAiB;CAC3C,MAAM,EAAE,mBAAmB,aAAa;AAExC,WAAU,EAAE,uBAAuB,CAAC;CAEpC,MAAM,wBAAwB,iBAA2B;AACvD,kBAAgB,aAAa;AAC7B,gBAAc,aAAa,aAAa,SAAS;GAC/C,WAAW;GACX,SAAS;GACV,CAAC;AACF,sBAAoB,aAAa;AACjC,WAAS;GACP,IAAI,iBAAiB;GACrB,SAAS;GACV,CAAC;;CAGJ,MAAM,qBAAqB,aAAuB;AAChD,cAAY,SAAS;AACrB,WAAS;GAAE,IAAI,iBAAiB;GAAW,SAAS;GAAM,CAAC;;AAG7D,QACE,qBAAC,2BAAD;EAA2B,gBAAA;YAA3B,CACE,qBAAC,eAAD,EAAA,UAAA,CACG,cAAc,KAAK,iBAClB,qBAACA,YAAD;GAAqC,IAAI,EAAE,UAAU,YAAY;aAAjE,CACE,qBAACC,kBAAD;IACE,UACE,uBACA,wBAAwB,aAAa;IAEvC,eAAe,qBAAqB,aAAa;cALnD,CAOE,oBAAC,gBAAD,EAAA,UACE,oBAAC,eAAD,EACE,SAAS,sBAAsB,aAAa,YAC5C,CAAA,EACa,CAAA,EACjB,oBAAC,cAAD;KACE,SACE,aAAa,QAAQ,eAAe,aAAa,QAAQ;KAE3D,WACE,aAAa,OACT,eAAe,aAAa,QAAQ,GACpC,KAAA;KAEN,CAAA,CACa;OACjB,oBAAC,aAAD;IACE,UACE,CAAC,EACC,uBACA,wBAAwB,aAAa;IAGzC,OAAO;KACL;MACE,MAAM,oBAAC,oBAAD,EAAsB,CAAA;MAC5B,OAAO,EAAE,qBAAqB;MAC9B,eACE,UAAU,UAAU,UAAU,aAAa,QAAQ;MACtD;KACD;MACE,MAAM,oBAAC,kBAAD,EAAoB,CAAA;MAC1B,OAAO,EAAE,wBAAwB;MACjC,eACE,OAAO,KACL,eACE,aAAa,SACb,sBAAsB,aAAa,WACpC,EACD,SACD;MACJ;KACD;MACE,MAAM,oBAAC,aAAD,EAAe,CAAA;MACrB,OAAO,EAAE,kBAAkB;MAC3B,eAAe;AACb,yBAAkB,aAAa;AAC/B,+BAAwB,SAAS,MAAM;;MAE1C;KACD;MACE,MAAM,oBAAC,eAAD,EAAiB,CAAA;MACvB,OAAO,EAAE,gBAAgB;MACzB,eAAe,mBAAmB,aAAa,QAAQ;MACxD;KACF;IACD,CAAA,CACO;KAjEI,aAAa,QAiEjB,CACX,EACD,CAAC,cAAc,UACd,oBAAC,oBAAD;GAAoB,MAAM,oBAAC,SAAD,EAAS,IAAI,EAAE,UAAU,IAAI,EAAI,CAAA;aACxD,EAAE,+BAA+B;GACf,CAAA,CAET,EAAA,CAAA,EAChB,oBAAC,sBAAD;GACE,KAAK;GACL,iBAAiB;GACjB,eAAe;GACf,CAAA,CACwB"}
1	+ {"version":3,"file":"RecentWalletsPage.js","names":["ListItem","ListItemButton"],"sources":["../../../../src/pages/SendToWallet/RecentWalletsPage.tsx"],"sourcesContent":["import ContentCopyRounded from '@mui/icons-material/ContentCopyRounded'\nimport DeleteOutline from '@mui/icons-material/DeleteOutlined'\nimport History from '@mui/icons-material/History'\nimport OpenInNewRounded from '@mui/icons-material/OpenInNewRounded'\nimport TurnedInNot from '@mui/icons-material/TurnedInNot'\nimport { 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 { ListItem } from '../../components/ListItem/ListItem.js'\nimport { ListItemButton } from '../../components/ListItem/ListItemButton.js'\nimport { useExplorer } from '../../hooks/useExplorer.js'\nimport { useHeader } from '../../hooks/useHeader.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 { shortenAddress } from '../../utils/wallet.js'\nimport { BookmarkAddressSheet } from './BookmarkAddressSheet.js'\nimport { EmptyListIndicator } from './EmptyListIndicator.js'\nimport {\n ListContainer,\n SendToWalletPageContainer,\n} from './SendToWalletPage.style.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 { 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 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 <SendToWalletPageContainer disableGutters>\n <ListContainer>\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 window.open(\n getAddressLink(\n recentWallet.address,\n defaultChainIdsByType[recentWallet.chainType]\n ),\n '_blank'\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 icon={<History sx={{ fontSize: 48 }} />}>\n {t('sendToWallet.noRecentWallets')}\n </EmptyListIndicator>\n )}\n </ListContainer>\n <BookmarkAddressSheet\n ref={bookmarkAddressSheetRef}\n validatedWallet={bookmarkTarget}\n onAddBookmark={handleAddBookmark}\n />\n </SendToWalletPageContainer>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAa,0BAAuC;CAClD,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,WAAW,aAAa;CAC9B,MAAM,CAAC,gBAAgB,qBAAqB,UAAoB;CAChE,MAAM,0BAA0B,OAAwB,KAAK;CAC7D,MAAM,EAAE,kBAAkB,cAAc;CACxC,MAAM,EAAE,wBAAwB,0BAA0B;CAC1D,MAAM,EACJ,oBACA,aACA,qBACA,oBACE,oBAAoB;CACxB,MAAM,EAAE,kBAAkB,iBAAiB;CAC3C,MAAM,EAAE,mBAAmB,aAAa;AAExC,WAAU,EAAE,uBAAuB,CAAC;CAEpC,MAAM,wBAAwB,iBAA2B;AACvD,kBAAgB,aAAa;AAC7B,gBAAc,aAAa,aAAa,SAAS;GAC/C,WAAW;GACX,SAAS;GACV,CAAC;AACF,sBAAoB,aAAa;AACjC,WAAS;GACP,IAAI,iBAAiB;GACrB,SAAS;GACV,CAAC;;CAGJ,MAAM,qBAAqB,aAAuB;AAChD,cAAY,SAAS;AACrB,WAAS;GAAE,IAAI,iBAAiB;GAAW,SAAS;GAAM,CAAC;;AAG7D,QACE,qBAAC,2BAAD;EAA2B,gBAAA;YAA3B,CACE,qBAAC,eAAD,EAAA,UAAA,CACG,cAAc,KAAK,iBAClB,qBAACA,YAAD;GAAqC,IAAI,EAAE,UAAU,YAAY;aAAjE,CACE,qBAACC,kBAAD;IACE,UACE,uBACA,wBAAwB,aAAa;IAEvC,eAAe,qBAAqB,aAAa;cALnD,CAOE,oBAAC,gBAAD,EAAA,UACE,oBAAC,eAAD,EACE,SAAS,sBAAsB,aAAa,YAC5C,CAAA,EACa,CAAA,EACjB,oBAAC,cAAD;KACE,SACE,aAAa,QAAQ,eAAe,aAAa,QAAQ;KAE3D,WACE,aAAa,OACT,eAAe,aAAa,QAAQ,GACpC,KAAA;KAEN,CAAA,CACa;OACjB,oBAAC,aAAD;IACE,UACE,CAAC,EACC,uBACA,wBAAwB,aAAa;IAGzC,OAAO;KACL;MACE,MAAM,oBAAC,oBAAD,EAAsB,CAAA;MAC5B,OAAO,EAAE,qBAAqB;MAC9B,eACE,UAAU,UAAU,UAAU,aAAa,QAAQ;MACtD;KACD;MACE,MAAM,oBAAC,kBAAD,EAAoB,CAAA;MAC1B,OAAO,EAAE,wBAAwB;MACjC,eACE,OAAO,KACL,eACE,aAAa,SACb,sBAAsB,aAAa,WACpC,EACD,SACD;MACJ;KACD;MACE,MAAM,oBAAC,aAAD,EAAe,CAAA;MACrB,OAAO,EAAE,kBAAkB;MAC3B,eAAe;AACb,yBAAkB,aAAa;AAC/B,+BAAwB,SAAS,MAAM;;MAE1C;KACD;MACE,MAAM,oBAAC,eAAD,EAAiB,CAAA;MACvB,OAAO,EAAE,gBAAgB;MACzB,eAAe,mBAAmB,aAAa,QAAQ;MACxD;KACF;IACD,CAAA,CACO;KAjEI,aAAa,QAiEjB,CACX,EACD,CAAC,cAAc,UACd,oBAAC,oBAAD;GAAoB,MAAM,oBAAC,SAAD,EAAS,IAAI,EAAE,UAAU,IAAI,EAAI,CAAA;aACxD,EAAE,+BAA+B;GACf,CAAA,CAET,EAAA,CAAA,EAChB,oBAAC,sBAAD;GACE,KAAK;GACL,iBAAiB;GACjB,eAAe;GACf,CAAA,CACwB"}

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

@@ -1,5 +1,5 @@
 import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
-import { HiddenUI, RequiredUI } from "../../types/widget.js";
+import "../../types/widget.js";
 import { navigationRoutes } from "../../utils/navigationRoutes.js";
 import { useFieldValues } from "../../stores/form/useFieldValues.js";
 import { useBookmarkActions } from "../../stores/bookmarks/useBookmarkActions.js";
@@ -7,7 +7,7 @@ import { useBookmarks } from "../../stores/bookmarks/useBookmarks.js";
 import { useFieldActions } from "../../stores/form/useFieldActions.js";
 import { useChain } from "../../hooks/useChain.js";
 import { useToAddressRequirements } from "../../hooks/useToAddressRequirements.js";
-import { AddressType, useAddressValidation } from "../../hooks/useAddressValidation.js";
+import { useAddressValidation } from "../../hooks/useAddressValidation.js";
 import { useHeader } from "../../hooks/useHeader.js";
 import { ButtonTertiary } from "../../components/ButtonTertiary.js";
 import { AccountDeployedMessage } from "../../components/Messages/AccountDeployedMessage.js";
@@ -77,7 +77,7 @@ const SendToWalletPage = () => {
 			return;
 		}
 		setValidatedWallet({
-			name: validationResult.addressType === AddressType.NameService ? inputAddressValue : void 0,
+			name: validationResult.addressType === 1 ? inputAddressValue : void 0,
 			address: validationResult.address,
 			chainType: validationResult.chainType
 		});
@@ -99,7 +99,7 @@ const SendToWalletPage = () => {
 		setIsBookmarkButtonLoading(false);
 		if (validationResult.isValid) {
 			setValidatedWallet({
-				name: validationResult.addressType === AddressType.NameService ? inputAddressValue : void 0,
+				name: validationResult.addressType === 1 ? inputAddressValue : void 0,
 				address: validationResult.address,
 				chainType: validationResult.chainType
 			});
@@ -192,7 +192,7 @@ const SendToWalletPage = () => {
 						onAddBookmark: handleAddBookmark
 					})
 				]
-			}), requiredUI?.includes(RequiredUI.AccountDeployedMessage) && /* @__PURE__ */ jsx(AccountDeployedMessage, {})]
+			}), requiredUI?.includes("accountDeployedMessage") && /* @__PURE__ */ jsx(AccountDeployedMessage, {})]
 		}), /* @__PURE__ */ jsxs(Box, {
 			sx: {
 				display: "flex",
@@ -209,7 +209,7 @@ const SendToWalletPage = () => {
 						children: recentWallets.length
 					})
 				}),
-				!hiddenUI?.includes(HiddenUI.AddressBookConnectedWallets) && /* @__PURE__ */ jsx(CardButton, {
+				!hiddenUI?.includes("addressBookConnectedWallets") && /* @__PURE__ */ jsx(CardButton, {
 					title: t("sendToWallet.connectedWallets"),
 					icon: /* @__PURE__ */ jsx(Wallet, {}),
 					onClick: handleConnectedWalletsClick,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SendToWalletPage.js","names":[],"sources":["../../../../src/pages/SendToWallet/SendToWalletPage.tsx"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport ErrorIcon from '@mui/icons-material/Error'\nimport History from '@mui/icons-material/History'\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 { HiddenUI, RequiredUI } from '../../types/widget.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 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?.includes(RequiredUI.AccountDeployedMessage) && (\n <AccountDeployedMessage />\n )}\n </Box>\n <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>\n <CardButton\n title={t('header.recentWallets')}\n icon={<History />}\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?.includes(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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"}
1	+ {"version":3,"file":"SendToWalletPage.js","names":[],"sources":["../../../../src/pages/SendToWallet/SendToWalletPage.tsx"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport ErrorIcon from '@mui/icons-material/Error'\nimport History from '@mui/icons-material/History'\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 { HiddenUI, RequiredUI } from '../../types/widget.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 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?.includes(RequiredUI.AccountDeployedMessage) && (\n <AccountDeployedMessage />\n )}\n </Box>\n <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>\n <CardButton\n title={t('header.recentWallets')}\n icon={<History />}\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?.includes(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/pages/SettingsPage/BridgeAndExchangeSettings.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { useSettingsStore } from "../../stores/settings/SettingsStore.js";
 import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
-import { HiddenUI } from "../../types/widget.js";
+import "../../types/widget.js";
 import { navigationRoutes } from "../../utils/navigationRoutes.js";
 import { useSettingMonitor } from "../../hooks/useSettingMonitor.js";
 import { CardButton } from "../../components/Card/CardButton.js";
@@ -24,7 +24,7 @@ const BridgeAndExchangeSettings = ({ type }) => {
 		return [enabledTools.filter(Boolean).length, enabledTools.length];
 	});
 	const { hiddenUI } = useWidgetConfig();
-	if (type === "Bridges" && hiddenUI?.includes(HiddenUI.BridgesSettings)) return null;
+	if (type === "Bridges" && hiddenUI?.includes("bridgesSettings")) return null;
 	const customisationLookUp = {
 		Bridges: isBridgesChanged,
 		Exchanges: isExchangesChanged

package/dist/esm/pages/SettingsPage/BridgeAndExchangeSettings.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BridgeAndExchangeSettings.js","names":[],"sources":["../../../../src/pages/SettingsPage/BridgeAndExchangeSettings.tsx"],"sourcesContent":["import AirlineStops from '@mui/icons-material/AirlineStops'\nimport SwapHoriz from '@mui/icons-material/SwapHoriz'\nimport { useNavigate } from '@tanstack/react-router'\nimport { useTranslation } from 'react-i18next'\nimport { CardButton } from '../../components/Card/CardButton.js'\nimport { useSettingMonitor } from '../../hooks/useSettingMonitor.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useSettingsStore } from '../../stores/settings/SettingsStore.js'\nimport { HiddenUI } from '../../types/widget.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { BadgedValue } from './SettingsCard/BadgedValue.js'\n\nconst supportedIcons = {\n Bridges: AirlineStops,\n Exchanges: SwapHoriz,\n}\n\nexport const BridgeAndExchangeSettings: React.FC<{\n type: 'Bridges' \| 'Exchanges'\n}> = ({ type }) => {\n const { isBridgesChanged, isExchangesChanged } = useSettingMonitor()\n const { t } = useTranslation()\n const navigate = useNavigate()\n const [enabledTools, tools] = useSettingsStore((state) => {\n const enabledTools = Object.values(state[`_enabled${type}`])\n return [enabledTools.filter(Boolean).length, enabledTools.length]\n })\n\n const { hiddenUI } = useWidgetConfig()\n\n if (type === 'Bridges' && hiddenUI?.includes(HiddenUI.BridgesSettings)) {\n return null\n }\n\n const customisationLookUp = {\n Bridges: isBridgesChanged,\n Exchanges: isExchangesChanged,\n }\n\n const handleClick = () => {\n navigate({\n to: navigationRoutes[type.toLowerCase() as 'bridges' \| 'exchanges'],\n })\n }\n\n const Icon = supportedIcons[type]\n\n return (\n <CardButton\n onClick={handleClick}\n icon={<Icon />}\n title={t(`settings.enabled${type}`)}\n >\n <BadgedValue\n badgeColor=\"info\"\n showBadge={customisationLookUp[type]}\n >{`${enabledTools}/${tools}`}</BadgedValue>\n </CardButton>\n )\n}\n"],"mappings":";;;;;;;;;;;;;AAYA,MAAM,iBAAiB;CACrB,SAAS;CACT,WAAW;CACZ;AAED,MAAa,6BAEP,EAAE,WAAW;CACjB,MAAM,EAAE,kBAAkB,uBAAuB,mBAAmB;CACpE,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,WAAW,aAAa;CAC9B,MAAM,CAAC,cAAc,SAAS,kBAAkB,UAAU;EACxD,MAAM,eAAe,OAAO,OAAO,MAAM,WAAW,QAAQ;AAC5D,SAAO,CAAC,aAAa,OAAO,QAAQ,CAAC,QAAQ,aAAa,OAAO;GACjE;CAEF,MAAM,EAAE,aAAa,iBAAiB;AAEtC,KAAI,SAAS,aAAa,UAAU,~~SAAS~~,~~SAAS~~,~~gBAAgB,~~CACpE,QAAO;CAGT,MAAM,sBAAsB;EAC1B,SAAS;EACT,WAAW;EACZ;CAED,MAAM,oBAAoB;AACxB,WAAS,EACP,IAAI,iBAAiB,KAAK,aAAa,GACxC,CAAC;;CAGJ,MAAM,OAAO,eAAe;AAE5B,QACE,oBAAC,YAAD;EACE,SAAS;EACT,MAAM,oBAAC,MAAD,EAAQ,CAAA;EACd,OAAO,EAAE,mBAAmB,OAAO;YAEnC,oBAAC,aAAD;GACE,YAAW;GACX,WAAW,oBAAoB;aAC/B,GAAG,aAAa,GAAG;GAAsB,CAAA;EAChC,CAAA"}
1	+ {"version":3,"file":"BridgeAndExchangeSettings.js","names":[],"sources":["../../../../src/pages/SettingsPage/BridgeAndExchangeSettings.tsx"],"sourcesContent":["import AirlineStops from '@mui/icons-material/AirlineStops'\nimport SwapHoriz from '@mui/icons-material/SwapHoriz'\nimport { useNavigate } from '@tanstack/react-router'\nimport { useTranslation } from 'react-i18next'\nimport { CardButton } from '../../components/Card/CardButton.js'\nimport { useSettingMonitor } from '../../hooks/useSettingMonitor.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useSettingsStore } from '../../stores/settings/SettingsStore.js'\nimport { HiddenUI } from '../../types/widget.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { BadgedValue } from './SettingsCard/BadgedValue.js'\n\nconst supportedIcons = {\n Bridges: AirlineStops,\n Exchanges: SwapHoriz,\n}\n\nexport const BridgeAndExchangeSettings: React.FC<{\n type: 'Bridges' \| 'Exchanges'\n}> = ({ type }) => {\n const { isBridgesChanged, isExchangesChanged } = useSettingMonitor()\n const { t } = useTranslation()\n const navigate = useNavigate()\n const [enabledTools, tools] = useSettingsStore((state) => {\n const enabledTools = Object.values(state[`_enabled${type}`])\n return [enabledTools.filter(Boolean).length, enabledTools.length]\n })\n\n const { hiddenUI } = useWidgetConfig()\n\n if (type === 'Bridges' && hiddenUI?.includes(HiddenUI.BridgesSettings)) {\n return null\n }\n\n const customisationLookUp = {\n Bridges: isBridgesChanged,\n Exchanges: isExchangesChanged,\n }\n\n const handleClick = () => {\n navigate({\n to: navigationRoutes[type.toLowerCase() as 'bridges' \| 'exchanges'],\n })\n }\n\n const Icon = supportedIcons[type]\n\n return (\n <CardButton\n onClick={handleClick}\n icon={<Icon />}\n title={t(`settings.enabled${type}`)}\n >\n <BadgedValue\n badgeColor=\"info\"\n showBadge={customisationLookUp[type]}\n >{`${enabledTools}/${tools}`}</BadgedValue>\n </CardButton>\n )\n}\n"],"mappings":";;;;;;;;;;;;;AAYA,MAAM,iBAAiB;CACrB,SAAS;CACT,WAAW;CACZ;AAED,MAAa,6BAEP,EAAE,WAAW;CACjB,MAAM,EAAE,kBAAkB,uBAAuB,mBAAmB;CACpE,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,WAAW,aAAa;CAC9B,MAAM,CAAC,cAAc,SAAS,kBAAkB,UAAU;EACxD,MAAM,eAAe,OAAO,OAAO,MAAM,WAAW,QAAQ;AAC5D,SAAO,CAAC,aAAa,OAAO,QAAQ,CAAC,QAAQ,aAAa,OAAO;GACjE;CAEF,MAAM,EAAE,aAAa,iBAAiB;AAEtC,KAAI,SAAS,aAAa,UAAU,SAAA,kBAAkC,CACpE,QAAO;CAGT,MAAM,sBAAsB;EAC1B,SAAS;EACT,WAAW;EACZ;CAED,MAAM,oBAAoB;AACxB,WAAS,EACP,IAAI,iBAAiB,KAAK,aAAa,GACxC,CAAC;;CAGJ,MAAM,OAAO,eAAe;AAE5B,QACE,oBAAC,YAAD;EACE,SAAS;EACT,MAAM,oBAAC,MAAD,EAAQ,CAAA;EACd,OAAO,EAAE,mBAAmB,OAAO;YAEnC,oBAAC,aAAD;GACE,YAAW;GACX,WAAW,oBAAoB;aAC/B,GAAG,aAAa,GAAG;GAAsB,CAAA;EAChC,CAAA"}

package/dist/esm/pages/SettingsPage/LanguageSetting.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { languageNames } from "../../providers/I18nProvider/constants.js";
 import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
-import { HiddenUI } from "../../types/widget.js";
+import "../../types/widget.js";
 import { navigationRoutes } from "../../utils/navigationRoutes.js";
 import { useLanguages } from "../../hooks/useLanguages.js";
 import { CardValue } from "../../components/Card/CardButton.style.js";
@@ -15,7 +15,7 @@ const LanguageSetting = () => {
 	const navigate = useNavigate();
 	const { hiddenUI } = useWidgetConfig();
 	const { selectedLanguageCode } = useLanguages();
-	if (hiddenUI?.includes(HiddenUI.Language)) return null;
+	if (hiddenUI?.includes("language")) return null;
 	const handleClick = () => {
 		navigate({ to: navigationRoutes.languages });
 	};

package/dist/esm/pages/SettingsPage/LanguageSetting.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LanguageSetting.js","names":[],"sources":["../../../../src/pages/SettingsPage/LanguageSetting.tsx"],"sourcesContent":["import Language from '@mui/icons-material/Language'\nimport { useNavigate } from '@tanstack/react-router'\nimport { useTranslation } from 'react-i18next'\nimport { CardButton } from '../../components/Card/CardButton.js'\nimport { CardValue } from '../../components/Card/CardButton.style.js'\nimport { useLanguages } from '../../hooks/useLanguages.js'\nimport { languageNames } from '../../providers/I18nProvider/constants.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { HiddenUI } from '../../types/widget.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\n\nexport const LanguageSetting: React.FC = () => {\n const { t } = useTranslation()\n const navigate = useNavigate()\n const { hiddenUI } = useWidgetConfig()\n const { selectedLanguageCode } = useLanguages()\n\n if (hiddenUI?.includes(HiddenUI.Language)) {\n return null\n }\n\n const handleClick = () => {\n navigate({ to: navigationRoutes.languages })\n }\n\n return (\n <CardButton\n onClick={handleClick}\n icon={<Language />}\n title={t('language.title')}\n >\n <CardValue>\n {languageNames[selectedLanguageCode as keyof typeof languageNames] \|\|\n t('language.name', {\n lng: selectedLanguageCode,\n }) \|\|\n selectedLanguageCode}\n </CardValue>\n </CardButton>\n )\n}\n"],"mappings":";;;;;;;;;;;;AAWA,MAAa,wBAAkC;CAC7C,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,WAAW,aAAa;CAC9B,MAAM,EAAE,aAAa,iBAAiB;CACtC,MAAM,EAAE,yBAAyB,cAAc;AAE/C,KAAI,UAAU,~~SAAS~~,~~SAAS~~,~~SAAS,~~CACvC,QAAO;CAGT,MAAM,oBAAoB;AACxB,WAAS,EAAE,IAAI,iBAAiB,WAAW,CAAC;;AAG9C,QACE,oBAAC,YAAD;EACE,SAAS;EACT,MAAM,oBAAC,UAAD,EAAY,CAAA;EAClB,OAAO,EAAE,iBAAiB;YAE1B,oBAAC,WAAD,EAAA,UACG,cAAc,yBACb,EAAE,iBAAiB,EACjB,KAAK,sBACN,CAAC,IACF,sBACQ,CAAA;EACD,CAAA"}
1	+ {"version":3,"file":"LanguageSetting.js","names":[],"sources":["../../../../src/pages/SettingsPage/LanguageSetting.tsx"],"sourcesContent":["import Language from '@mui/icons-material/Language'\nimport { useNavigate } from '@tanstack/react-router'\nimport { useTranslation } from 'react-i18next'\nimport { CardButton } from '../../components/Card/CardButton.js'\nimport { CardValue } from '../../components/Card/CardButton.style.js'\nimport { useLanguages } from '../../hooks/useLanguages.js'\nimport { languageNames } from '../../providers/I18nProvider/constants.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { HiddenUI } from '../../types/widget.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\n\nexport const LanguageSetting: React.FC = () => {\n const { t } = useTranslation()\n const navigate = useNavigate()\n const { hiddenUI } = useWidgetConfig()\n const { selectedLanguageCode } = useLanguages()\n\n if (hiddenUI?.includes(HiddenUI.Language)) {\n return null\n }\n\n const handleClick = () => {\n navigate({ to: navigationRoutes.languages })\n }\n\n return (\n <CardButton\n onClick={handleClick}\n icon={<Language />}\n title={t('language.title')}\n >\n <CardValue>\n {languageNames[selectedLanguageCode as keyof typeof languageNames] \|\|\n t('language.name', {\n lng: selectedLanguageCode,\n }) \|\|\n selectedLanguageCode}\n </CardValue>\n </CardButton>\n )\n}\n"],"mappings":";;;;;;;;;;;;AAWA,MAAa,wBAAkC;CAC7C,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,WAAW,aAAa;CAC9B,MAAM,EAAE,aAAa,iBAAiB;CACtC,MAAM,EAAE,yBAAyB,cAAc;AAE/C,KAAI,UAAU,SAAA,WAA2B,CACvC,QAAO;CAGT,MAAM,oBAAoB;AACxB,WAAS,EAAE,IAAI,iBAAiB,WAAW,CAAC;;AAG9C,QACE,oBAAC,YAAD;EACE,SAAS;EACT,MAAM,oBAAC,UAAD,EAAY,CAAA;EAClB,OAAO,EAAE,iBAAiB;YAE1B,oBAAC,WAAD,EAAA,UACG,cAAc,yBACb,EAAE,iBAAiB,EACjB,KAAK,sBACN,CAAC,IACF,sBACQ,CAAA;EACD,CAAA"}

package/dist/esm/pages/SettingsPage/SettingsPage.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
-import { HiddenUI } from "../../types/widget.js";
+import "../../types/widget.js";
 import { PageContainer } from "../../components/PageContainer.js";
 import { useHeader } from "../../hooks/useHeader.js";
 import { SettingsList } from "./SettingsCard/SettingCard.style.js";
@@ -27,7 +27,7 @@ const SettingsPage = () => {
 			/* @__PURE__ */ jsx(RoutePrioritySettings, {}),
 			/* @__PURE__ */ jsx(GasPriceSettings, {}),
 			/* @__PURE__ */ jsx(SlippageSettings, {}),
-			!hiddenUI?.includes(HiddenUI.HideSmallBalances) && /* @__PURE__ */ jsx(SmallBalanceFilterSettings, {}),
+			!hiddenUI?.includes("hideSmallBalances") && /* @__PURE__ */ jsx(SmallBalanceFilterSettings, {}),
 			/* @__PURE__ */ jsx(BridgeAndExchangeSettings, { type: "Bridges" }),
 			/* @__PURE__ */ jsx(BridgeAndExchangeSettings, { type: "Exchanges" })
 		] }) }), /* @__PURE__ */ jsx(ResetSettingsButton, {})]

package/dist/esm/pages/SettingsPage/SettingsPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SettingsPage.js","names":[],"sources":["../../../../src/pages/SettingsPage/SettingsPage.tsx"],"sourcesContent":["import type { JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { HiddenUI } from '../../types/widget.js'\nimport { BridgeAndExchangeSettings } from './BridgeAndExchangeSettings.js'\nimport { GasPriceSettings } from './GasPriceSettings.js'\nimport { LanguageSetting } from './LanguageSetting.js'\nimport { ResetSettingsButton } from './ResetSettingsButton.js'\nimport { RoutePrioritySettings } from './RoutePrioritySettings.js'\nimport { SettingsList } from './SettingsCard/SettingCard.style.js'\nimport { SettingsCardAccordion } from './SettingsCard/SettingsAccordian.js'\nimport { SlippageSettings } from './SlippageSettings/SlippageSettings.js'\nimport { SmallBalanceFilterSettings } from './SmallBalanceFilterSettings.js'\nimport { ThemeSettings } from './ThemeSettings.js'\n\nexport const SettingsPage = (): JSX.Element => {\n const { t } = useTranslation()\n const { hiddenUI } = useWidgetConfig()\n useHeader(t('header.settings'))\n\n return (\n <PageContainer bottomGutters>\n <SettingsList>\n <SettingsCardAccordion>\n <ThemeSettings />\n <LanguageSetting />\n <RoutePrioritySettings />\n <GasPriceSettings />\n <SlippageSettings />\n {!hiddenUI?.includes(HiddenUI.HideSmallBalances) && (\n <SmallBalanceFilterSettings />\n )}\n <BridgeAndExchangeSettings type=\"Bridges\" />\n <BridgeAndExchangeSettings type=\"Exchanges\" />\n </SettingsCardAccordion>\n </SettingsList>\n <ResetSettingsButton />\n </PageContainer>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,MAAa,qBAAkC;CAC7C,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,aAAa,iBAAiB;AACtC,WAAU,EAAE,kBAAkB,CAAC;AAE/B,QACE,qBAAC,eAAD;EAAe,eAAA;YAAf,CACE,oBAAC,cAAD,EAAA,UACE,qBAAC,uBAAD,EAAA,UAAA;GACE,oBAAC,eAAD,EAAiB,CAAA;GACjB,oBAAC,iBAAD,EAAmB,CAAA;GACnB,oBAAC,uBAAD,EAAyB,CAAA;GACzB,oBAAC,kBAAD,EAAoB,CAAA;GACpB,oBAAC,kBAAD,EAAoB,CAAA;GACnB,CAAC,UAAU,~~SAAS~~,~~SAAS~~,~~kBAAkB,~~IAC9C,oBAAC,4BAAD,EAA8B,CAAA;GAEhC,oBAAC,2BAAD,EAA2B,MAAK,WAAY,CAAA;GAC5C,oBAAC,2BAAD,EAA2B,MAAK,aAAc,CAAA;GACxB,EAAA,CAAA,EACX,CAAA,EACf,oBAAC,qBAAD,EAAuB,CAAA,CACT"}
1	+ {"version":3,"file":"SettingsPage.js","names":[],"sources":["../../../../src/pages/SettingsPage/SettingsPage.tsx"],"sourcesContent":["import type { JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { HiddenUI } from '../../types/widget.js'\nimport { BridgeAndExchangeSettings } from './BridgeAndExchangeSettings.js'\nimport { GasPriceSettings } from './GasPriceSettings.js'\nimport { LanguageSetting } from './LanguageSetting.js'\nimport { ResetSettingsButton } from './ResetSettingsButton.js'\nimport { RoutePrioritySettings } from './RoutePrioritySettings.js'\nimport { SettingsList } from './SettingsCard/SettingCard.style.js'\nimport { SettingsCardAccordion } from './SettingsCard/SettingsAccordian.js'\nimport { SlippageSettings } from './SlippageSettings/SlippageSettings.js'\nimport { SmallBalanceFilterSettings } from './SmallBalanceFilterSettings.js'\nimport { ThemeSettings } from './ThemeSettings.js'\n\nexport const SettingsPage = (): JSX.Element => {\n const { t } = useTranslation()\n const { hiddenUI } = useWidgetConfig()\n useHeader(t('header.settings'))\n\n return (\n <PageContainer bottomGutters>\n <SettingsList>\n <SettingsCardAccordion>\n <ThemeSettings />\n <LanguageSetting />\n <RoutePrioritySettings />\n <GasPriceSettings />\n <SlippageSettings />\n {!hiddenUI?.includes(HiddenUI.HideSmallBalances) && (\n <SmallBalanceFilterSettings />\n )}\n <BridgeAndExchangeSettings type=\"Bridges\" />\n <BridgeAndExchangeSettings type=\"Exchanges\" />\n </SettingsCardAccordion>\n </SettingsList>\n <ResetSettingsButton />\n </PageContainer>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,MAAa,qBAAkC;CAC7C,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,aAAa,iBAAiB;AACtC,WAAU,EAAE,kBAAkB,CAAC;AAE/B,QACE,qBAAC,eAAD;EAAe,eAAA;YAAf,CACE,oBAAC,cAAD,EAAA,UACE,qBAAC,uBAAD,EAAA,UAAA;GACE,oBAAC,eAAD,EAAiB,CAAA;GACjB,oBAAC,iBAAD,EAAmB,CAAA;GACnB,oBAAC,uBAAD,EAAyB,CAAA;GACzB,oBAAC,kBAAD,EAAoB,CAAA;GACpB,oBAAC,kBAAD,EAAoB,CAAA;GACnB,CAAC,UAAU,SAAA,oBAAoC,IAC9C,oBAAC,4BAAD,EAA8B,CAAA;GAEhC,oBAAC,2BAAD,EAA2B,MAAK,WAAY,CAAA;GAC5C,oBAAC,2BAAD,EAA2B,MAAK,aAAc,CAAA;GACxB,EAAA,CAAA,EACX,CAAA,EACf,oBAAC,qBAAD,EAAuB,CAAA,CACT"}

package/dist/esm/pages/SettingsPage/SmallBalanceFilterSettings.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SmallBalanceFilterSettings.js","names":["Switch"],"sources":["../../../../src/pages/SettingsPage/SmallBalanceFilterSettings.tsx"],"sourcesContent":["import AttachMoney from '@mui/icons-material/AttachMoney'\nimport { Box } from '@mui/material'\nimport {\n type ChangeEvent,\n type ChangeEventHandler,\n type FocusEventHandler,\n useEffect,\n useRef,\n useState,\n} from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { Switch } from '../../components/Switch.js'\nimport { useSettings } from '../../stores/settings/useSettings.js'\nimport { useSettingsActions } from '../../stores/settings/useSettingsActions.js'\nimport { formatInputAmount, usdDecimals } from '../../utils/format.js'\nimport {\n SettingCardExpandable,\n type SettingCardExpandableRef,\n} from './SettingsCard/SettingCardExpandable.js'\nimport {\n SettingsCustomInput,\n SettingsFieldSet,\n} from './SlippageSettings/SlippageSettings.style.js'\n\nconst defaultThreshold = '0.01'\n\nexport const SmallBalanceFilterSettings: React.FC = () => {\n const { t } = useTranslation()\n const { smallBalanceThreshold } = useSettings(['smallBalanceThreshold'])\n const { setValue } = useSettingsActions()\n const [inputValue, setInputValue] = useState(\n smallBalanceThreshold ?? defaultThreshold\n )\n const buttonRef = useRef<SettingCardExpandableRef>(null)\n const inputRef = useRef<HTMLInputElement>(null)\n\n const formatAndSetThreshold = (inputValue: string, returnInitial = false) => {\n const value = inputValue.replace('$', '')\n const formattedValue = formatInputAmount(value, usdDecimals, returnInitial)\n if (returnInitial) {\n setInputValue(formattedValue)\n } else {\n const formattedOrDefault = formattedValue \|\| defaultThreshold\n setInputValue(formattedOrDefault)\n setValue('smallBalanceThreshold', formattedOrDefault)\n }\n }\n\n const handleInputUpdate: ChangeEventHandler<HTMLInputElement> = (event) => {\n formatAndSetThreshold(event.target.value, true)\n }\n\n const handleInputBlur: FocusEventHandler<HTMLInputElement> = (event) => {\n formatAndSetThreshold(event.target.value, false)\n }\n\n const handleHideSmallBalancesChange = (\n event: ChangeEvent<HTMLInputElement>\n ) => {\n setValue(\n 'smallBalanceThreshold',\n event.target.checked ? defaultThreshold : undefined\n )\n if (buttonRef.current) {\n buttonRef.current?.toggleExpanded(event.target.checked)\n }\n }\n\n const handleExpanded = () => {\n if (inputRef.current) {\n inputRef.current.focus()\n }\n }\n\n useEffect(() => {\n setInputValue(smallBalanceThreshold ?? defaultThreshold)\n }, [smallBalanceThreshold])\n\n return (\n <SettingCardExpandable\n ref={buttonRef}\n value={\n <Switch\n checked={!!smallBalanceThreshold}\n onChange={handleHideSmallBalancesChange}\n aria-label={t('settings.hideSmallBalances')}\n />\n }\n icon={<AttachMoney />}\n title={t('settings.hideSmallBalances')}\n disabled={!smallBalanceThreshold}\n keepValueVisible\n onEntered={handleExpanded}\n >\n <Box\n sx={{\n mt: 1.5,\n }}\n >\n <SettingsFieldSet>\n <SettingsCustomInput\n inputRef={inputRef}\n selected\n inputProps={{\n inputMode: 'decimal',\n }}\n onChange={handleInputUpdate}\n onBlur={handleInputBlur}\n value={`$${inputValue}`}\n autoComplete=\"off\"\n />\n </SettingsFieldSet>\n </Box>\n </SettingCardExpandable>\n )\n}\n"],"mappings":";;;;;;;;;;;;AAwBA,MAAM,mBAAmB;AAEzB,MAAa,mCAA6C;CACxD,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,0BAA0B,YAAY,CAAC,wBAAwB,CAAC;CACxE,MAAM,EAAE,aAAa,oBAAoB;CACzC,MAAM,CAAC,YAAY,iBAAiB,SAClC,yBAAyB,iBAC1B;CACD,MAAM,YAAY,OAAiC,KAAK;CACxD,MAAM,WAAW,OAAyB,KAAK;CAE/C,MAAM,yBAAyB,YAAoB,gBAAgB,UAAU;EAE3E,MAAM,iBAAiB,kBADT,WAAW,QAAQ,KAAK,~~GAAG~~,EAAA,~~GACoB~~,cAAc;AAC3E,MAAI,cACF,eAAc,eAAe;OACxB;GACL,MAAM,qBAAqB,kBAAkB;AAC7C,iBAAc,mBAAmB;AACjC,YAAS,yBAAyB,mBAAmB;;;CAIzD,MAAM,qBAA2D,UAAU;AACzE,wBAAsB,MAAM,OAAO,OAAO,KAAK;;CAGjD,MAAM,mBAAwD,UAAU;AACtE,wBAAsB,MAAM,OAAO,OAAO,MAAM;;CAGlD,MAAM,iCACJ,UACG;AACH,WACE,yBACA,MAAM,OAAO,UAAU,mBAAmB,KAAA,EAC3C;AACD,MAAI,UAAU,QACZ,WAAU,SAAS,eAAe,MAAM,OAAO,QAAQ;;CAI3D,MAAM,uBAAuB;AAC3B,MAAI,SAAS,QACX,UAAS,QAAQ,OAAO;;AAI5B,iBAAgB;AACd,gBAAc,yBAAyB,iBAAiB;IACvD,CAAC,sBAAsB,CAAC;AAE3B,QACE,oBAAC,uBAAD;EACE,KAAK;EACL,OACE,oBAACA,UAAD;GACE,SAAS,CAAC,CAAC;GACX,UAAU;GACV,cAAY,EAAE,6BAA6B;GAC3C,CAAA;EAEJ,MAAM,oBAAC,aAAD,EAAe,CAAA;EACrB,OAAO,EAAE,6BAA6B;EACtC,UAAU,CAAC;EACX,kBAAA;EACA,WAAW;YAEX,oBAAC,KAAD;GACE,IAAI,EACF,IAAI,KACL;aAED,oBAAC,kBAAD,EAAA,UACE,oBAAC,qBAAD;IACY;IACV,UAAA;IACA,YAAY,EACV,WAAW,WACZ;IACD,UAAU;IACV,QAAQ;IACR,OAAO,IAAI;IACX,cAAa;IACb,CAAA,EACe,CAAA;GACf,CAAA;EACgB,CAAA"}
1	+ {"version":3,"file":"SmallBalanceFilterSettings.js","names":["Switch"],"sources":["../../../../src/pages/SettingsPage/SmallBalanceFilterSettings.tsx"],"sourcesContent":["import AttachMoney from '@mui/icons-material/AttachMoney'\nimport { Box } from '@mui/material'\nimport {\n type ChangeEvent,\n type ChangeEventHandler,\n type FocusEventHandler,\n useEffect,\n useRef,\n useState,\n} from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { Switch } from '../../components/Switch.js'\nimport { useSettings } from '../../stores/settings/useSettings.js'\nimport { useSettingsActions } from '../../stores/settings/useSettingsActions.js'\nimport { formatInputAmount, usdDecimals } from '../../utils/format.js'\nimport {\n SettingCardExpandable,\n type SettingCardExpandableRef,\n} from './SettingsCard/SettingCardExpandable.js'\nimport {\n SettingsCustomInput,\n SettingsFieldSet,\n} from './SlippageSettings/SlippageSettings.style.js'\n\nconst defaultThreshold = '0.01'\n\nexport const SmallBalanceFilterSettings: React.FC = () => {\n const { t } = useTranslation()\n const { smallBalanceThreshold } = useSettings(['smallBalanceThreshold'])\n const { setValue } = useSettingsActions()\n const [inputValue, setInputValue] = useState(\n smallBalanceThreshold ?? defaultThreshold\n )\n const buttonRef = useRef<SettingCardExpandableRef>(null)\n const inputRef = useRef<HTMLInputElement>(null)\n\n const formatAndSetThreshold = (inputValue: string, returnInitial = false) => {\n const value = inputValue.replace('$', '')\n const formattedValue = formatInputAmount(value, usdDecimals, returnInitial)\n if (returnInitial) {\n setInputValue(formattedValue)\n } else {\n const formattedOrDefault = formattedValue \|\| defaultThreshold\n setInputValue(formattedOrDefault)\n setValue('smallBalanceThreshold', formattedOrDefault)\n }\n }\n\n const handleInputUpdate: ChangeEventHandler<HTMLInputElement> = (event) => {\n formatAndSetThreshold(event.target.value, true)\n }\n\n const handleInputBlur: FocusEventHandler<HTMLInputElement> = (event) => {\n formatAndSetThreshold(event.target.value, false)\n }\n\n const handleHideSmallBalancesChange = (\n event: ChangeEvent<HTMLInputElement>\n ) => {\n setValue(\n 'smallBalanceThreshold',\n event.target.checked ? defaultThreshold : undefined\n )\n if (buttonRef.current) {\n buttonRef.current?.toggleExpanded(event.target.checked)\n }\n }\n\n const handleExpanded = () => {\n if (inputRef.current) {\n inputRef.current.focus()\n }\n }\n\n useEffect(() => {\n setInputValue(smallBalanceThreshold ?? defaultThreshold)\n }, [smallBalanceThreshold])\n\n return (\n <SettingCardExpandable\n ref={buttonRef}\n value={\n <Switch\n checked={!!smallBalanceThreshold}\n onChange={handleHideSmallBalancesChange}\n aria-label={t('settings.hideSmallBalances')}\n />\n }\n icon={<AttachMoney />}\n title={t('settings.hideSmallBalances')}\n disabled={!smallBalanceThreshold}\n keepValueVisible\n onEntered={handleExpanded}\n >\n <Box\n sx={{\n mt: 1.5,\n }}\n >\n <SettingsFieldSet>\n <SettingsCustomInput\n inputRef={inputRef}\n selected\n inputProps={{\n inputMode: 'decimal',\n }}\n onChange={handleInputUpdate}\n onBlur={handleInputBlur}\n value={`$${inputValue}`}\n autoComplete=\"off\"\n />\n </SettingsFieldSet>\n </Box>\n </SettingCardExpandable>\n )\n}\n"],"mappings":";;;;;;;;;;;;AAwBA,MAAM,mBAAmB;AAEzB,MAAa,mCAA6C;CACxD,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,0BAA0B,YAAY,CAAC,wBAAwB,CAAC;CACxE,MAAM,EAAE,aAAa,oBAAoB;CACzC,MAAM,CAAC,YAAY,iBAAiB,SAClC,yBAAyB,iBAC1B;CACD,MAAM,YAAY,OAAiC,KAAK;CACxD,MAAM,WAAW,OAAyB,KAAK;CAE/C,MAAM,yBAAyB,YAAoB,gBAAgB,UAAU;EAE3E,MAAM,iBAAiB,kBADT,WAAW,QAAQ,KAAK,GACQ,EAAA,GAAe,cAAc;AAC3E,MAAI,cACF,eAAc,eAAe;OACxB;GACL,MAAM,qBAAqB,kBAAkB;AAC7C,iBAAc,mBAAmB;AACjC,YAAS,yBAAyB,mBAAmB;;;CAIzD,MAAM,qBAA2D,UAAU;AACzE,wBAAsB,MAAM,OAAO,OAAO,KAAK;;CAGjD,MAAM,mBAAwD,UAAU;AACtE,wBAAsB,MAAM,OAAO,OAAO,MAAM;;CAGlD,MAAM,iCACJ,UACG;AACH,WACE,yBACA,MAAM,OAAO,UAAU,mBAAmB,KAAA,EAC3C;AACD,MAAI,UAAU,QACZ,WAAU,SAAS,eAAe,MAAM,OAAO,QAAQ;;CAI3D,MAAM,uBAAuB;AAC3B,MAAI,SAAS,QACX,UAAS,QAAQ,OAAO;;AAI5B,iBAAgB;AACd,gBAAc,yBAAyB,iBAAiB;IACvD,CAAC,sBAAsB,CAAC;AAE3B,QACE,oBAAC,uBAAD;EACE,KAAK;EACL,OACE,oBAACA,UAAD;GACE,SAAS,CAAC,CAAC;GACX,UAAU;GACV,cAAY,EAAE,6BAA6B;GAC3C,CAAA;EAEJ,MAAM,oBAAC,aAAD,EAAe,CAAA;EACrB,OAAO,EAAE,6BAA6B;EACtC,UAAU,CAAC;EACX,kBAAA;EACA,WAAW;YAEX,oBAAC,KAAD;GACE,IAAI,EACF,IAAI,KACL;aAED,oBAAC,kBAAD,EAAA,UACE,oBAAC,qBAAD;IACY;IACV,UAAA;IACA,YAAY,EACV,WAAW,WACZ;IACD,UAAU;IACV,QAAQ;IACR,OAAO,IAAI;IACX,cAAa;IACb,CAAA,EACe,CAAA;GACf,CAAA;EACgB,CAAA"}

package/dist/esm/pages/SettingsPage/ThemeSettings.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
-import { HiddenUI } from "../../types/widget.js";
+import "../../types/widget.js";
 import { CardTabs, Tab as Tab$1 } from "../../components/Tabs/Tabs.style.js";
 import { CardValue } from "../../components/Card/CardButton.style.js";
 import { SettingCardExpandable } from "./SettingsCard/SettingCardExpandable.js";
@@ -28,7 +28,7 @@ const ThemeSettings = () => {
 	const { t } = useTranslation();
 	const { mode, setMode } = useColorScheme();
 	const { hiddenUI } = useWidgetConfig();
-	if (hiddenUI?.includes(HiddenUI.Appearance)) return null;
+	if (hiddenUI?.includes("appearance")) return null;
 	const appearance = mode ?? "system";
 	const ThemeIcon = themeIcons[appearance];
 	const handleThemeChange = (_, appearance) => {

package/dist/esm/pages/SettingsPage/ThemeSettings.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeSettings.js","names":["Tab"],"sources":["../../../../src/pages/SettingsPage/ThemeSettings.tsx"],"sourcesContent":["import BrightnessAuto from '@mui/icons-material/BrightnessAuto'\nimport LightMode from '@mui/icons-material/LightMode'\nimport Nightlight from '@mui/icons-material/Nightlight'\nimport { Tooltip, useColorScheme } from '@mui/material'\nimport { useTranslation } from 'react-i18next'\nimport { CardValue } from '../../components/Card/CardButton.style.js'\nimport { CardTabs, Tab } from '../../components/Tabs/Tabs.style.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport type { Appearance } from '../../types/widget.js'\nimport { HiddenUI } from '../../types/widget.js'\nimport { SettingCardExpandable } from './SettingsCard/SettingCardExpandable.js'\n\nconst themeIcons = {\n light: LightMode,\n dark: Nightlight,\n system: BrightnessAuto,\n}\n\ninterface ThemeTabProps {\n title: string\n value: Appearance\n Icon: React.ReactElement\n}\n\n// If the Tab is not the direct child of the Tabs component you can loose the switching\n// The component passes the props to the Tab component so switching isn't lost\nconst ThemeTab: React.FC<ThemeTabProps> = ({\n title,\n value,\n Icon,\n ...props\n}) => (\n <Tooltip title={title}>\n <Tab icon={Icon} value={value} {...props} disableRipple />\n </Tooltip>\n)\n\nexport const ThemeSettings: React.FC = () => {\n const { t } = useTranslation()\n const { mode, setMode } = useColorScheme()\n const { hiddenUI } = useWidgetConfig()\n\n if (hiddenUI?.includes(HiddenUI.Appearance)) {\n return null\n }\n\n const appearance = mode ?? 'system'\n\n const ThemeIcon = themeIcons[appearance]\n\n const handleThemeChange = (\n _: React.SyntheticEvent,\n appearance: Appearance\n ) => {\n setMode(appearance)\n }\n\n return (\n <SettingCardExpandable\n value={<CardValue>{t(`button.${appearance}`)} </CardValue>}\n icon={<ThemeIcon />}\n title={t('settings.appearance')}\n >\n <CardTabs\n value={appearance}\n aria-label=\"tabs\"\n indicatorColor=\"primary\"\n onChange={handleThemeChange}\n sx={{ mt: 1.5 }}\n >\n {Object.entries(themeIcons).map(([theme, Icon]) => {\n const supportedThemeOption = theme as Appearance\n\n return (\n <ThemeTab\n key={supportedThemeOption}\n title={t(`button.${supportedThemeOption}`)}\n value={supportedThemeOption}\n Icon={<Icon />}\n />\n )\n })}\n </CardTabs>\n </SettingCardExpandable>\n )\n}\n"],"mappings":";;;;;;;;;;;;AAYA,MAAM,aAAa;CACjB,OAAO;CACP,MAAM;CACN,QAAQ;CACT;AAUD,MAAM,YAAqC,EACzC,OACA,OACA,MACA,GAAG,YAEH,oBAAC,SAAD;CAAgB;WACd,oBAACA,OAAD;EAAK,MAAM;EAAa;EAAO,GAAI;EAAO,eAAA;EAAgB,CAAA;CAClD,CAAA;AAGZ,MAAa,sBAAgC;CAC3C,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,MAAM,YAAY,gBAAgB;CAC1C,MAAM,EAAE,aAAa,iBAAiB;AAEtC,KAAI,UAAU,~~SAAS~~,~~SAAS~~,~~WAAW,~~CACzC,QAAO;CAGT,MAAM,aAAa,QAAQ;CAE3B,MAAM,YAAY,WAAW;CAE7B,MAAM,qBACJ,GACA,eACG;AACH,UAAQ,WAAW;;AAGrB,QACE,oBAAC,uBAAD;EACE,OAAO,qBAAC,WAAD,EAAA,UAAA,CAAY,EAAE,UAAU,aAAa,EAAC,IAAa,EAAA,CAAA;EAC1D,MAAM,oBAAC,WAAD,EAAa,CAAA;EACnB,OAAO,EAAE,sBAAsB;YAE/B,oBAAC,UAAD;GACE,OAAO;GACP,cAAW;GACX,gBAAe;GACf,UAAU;GACV,IAAI,EAAE,IAAI,KAAK;aAEd,OAAO,QAAQ,WAAW,CAAC,KAAK,CAAC,OAAO,UAAU;IACjD,MAAM,uBAAuB;AAE7B,WACE,oBAAC,UAAD;KAEE,OAAO,EAAE,UAAU,uBAAuB;KAC1C,OAAO;KACP,MAAM,oBAAC,MAAD,EAAQ,CAAA;KACd,EAJK,qBAIL;KAEJ;GACO,CAAA;EACW,CAAA"}
1	+ {"version":3,"file":"ThemeSettings.js","names":["Tab"],"sources":["../../../../src/pages/SettingsPage/ThemeSettings.tsx"],"sourcesContent":["import BrightnessAuto from '@mui/icons-material/BrightnessAuto'\nimport LightMode from '@mui/icons-material/LightMode'\nimport Nightlight from '@mui/icons-material/Nightlight'\nimport { Tooltip, useColorScheme } from '@mui/material'\nimport { useTranslation } from 'react-i18next'\nimport { CardValue } from '../../components/Card/CardButton.style.js'\nimport { CardTabs, Tab } from '../../components/Tabs/Tabs.style.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport type { Appearance } from '../../types/widget.js'\nimport { HiddenUI } from '../../types/widget.js'\nimport { SettingCardExpandable } from './SettingsCard/SettingCardExpandable.js'\n\nconst themeIcons = {\n light: LightMode,\n dark: Nightlight,\n system: BrightnessAuto,\n}\n\ninterface ThemeTabProps {\n title: string\n value: Appearance\n Icon: React.ReactElement\n}\n\n// If the Tab is not the direct child of the Tabs component you can loose the switching\n// The component passes the props to the Tab component so switching isn't lost\nconst ThemeTab: React.FC<ThemeTabProps> = ({\n title,\n value,\n Icon,\n ...props\n}) => (\n <Tooltip title={title}>\n <Tab icon={Icon} value={value} {...props} disableRipple />\n </Tooltip>\n)\n\nexport const ThemeSettings: React.FC = () => {\n const { t } = useTranslation()\n const { mode, setMode } = useColorScheme()\n const { hiddenUI } = useWidgetConfig()\n\n if (hiddenUI?.includes(HiddenUI.Appearance)) {\n return null\n }\n\n const appearance = mode ?? 'system'\n\n const ThemeIcon = themeIcons[appearance]\n\n const handleThemeChange = (\n _: React.SyntheticEvent,\n appearance: Appearance\n ) => {\n setMode(appearance)\n }\n\n return (\n <SettingCardExpandable\n value={<CardValue>{t(`button.${appearance}`)} </CardValue>}\n icon={<ThemeIcon />}\n title={t('settings.appearance')}\n >\n <CardTabs\n value={appearance}\n aria-label=\"tabs\"\n indicatorColor=\"primary\"\n onChange={handleThemeChange}\n sx={{ mt: 1.5 }}\n >\n {Object.entries(themeIcons).map(([theme, Icon]) => {\n const supportedThemeOption = theme as Appearance\n\n return (\n <ThemeTab\n key={supportedThemeOption}\n title={t(`button.${supportedThemeOption}`)}\n value={supportedThemeOption}\n Icon={<Icon />}\n />\n )\n })}\n </CardTabs>\n </SettingCardExpandable>\n )\n}\n"],"mappings":";;;;;;;;;;;;AAYA,MAAM,aAAa;CACjB,OAAO;CACP,MAAM;CACN,QAAQ;CACT;AAUD,MAAM,YAAqC,EACzC,OACA,OACA,MACA,GAAG,YAEH,oBAAC,SAAD;CAAgB;WACd,oBAACA,OAAD;EAAK,MAAM;EAAa;EAAO,GAAI;EAAO,eAAA;EAAgB,CAAA;CAClD,CAAA;AAGZ,MAAa,sBAAgC;CAC3C,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,MAAM,YAAY,gBAAgB;CAC1C,MAAM,EAAE,aAAa,iBAAiB;AAEtC,KAAI,UAAU,SAAA,aAA6B,CACzC,QAAO;CAGT,MAAM,aAAa,QAAQ;CAE3B,MAAM,YAAY,WAAW;CAE7B,MAAM,qBACJ,GACA,eACG;AACH,UAAQ,WAAW;;AAGrB,QACE,oBAAC,uBAAD;EACE,OAAO,qBAAC,WAAD,EAAA,UAAA,CAAY,EAAE,UAAU,aAAa,EAAC,IAAa,EAAA,CAAA;EAC1D,MAAM,oBAAC,WAAD,EAAa,CAAA;EACnB,OAAO,EAAE,sBAAsB;YAE/B,oBAAC,UAAD;GACE,OAAO;GACP,cAAW;GACX,gBAAe;GACf,UAAU;GACV,IAAI,EAAE,IAAI,KAAK;aAEd,OAAO,QAAQ,WAAW,CAAC,KAAK,CAAC,OAAO,UAAU;IACjD,MAAM,uBAAuB;AAE7B,WACE,oBAAC,UAAD;KAEE,OAAO,EAAE,UAAU,uBAAuB;KAC1C,OAAO;KACP,MAAM,oBAAC,MAAD,EAAQ,CAAA;KACd,EAJK,qBAIL;KAEJ;GACO,CAAA;EACW,CAAA"}

package/dist/esm/pages/TransactionDetailsPage/ContactSupportButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContactSupportButton.js","names":[],"sources":["../../../../src/pages/TransactionDetailsPage/ContactSupportButton.tsx"],"sourcesContent":["import type { JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useContactSupport } from '../../hooks/useContactSupport.js'\nimport { ButtonChip } from './ContactSupportButton.style.js'\n\ninterface ContactSupportButtonProps {\n supportId?: string\n}\n\nexport const ContactSupportButton = ({\n supportId,\n}: ContactSupportButtonProps): JSX.Element => {\n const { t } = useTranslation()\n const handleContactSupport = useContactSupport(supportId)\n\n return (\n <ButtonChip onClick={handleContactSupport}>\n {t('button.contactSupport')}\n </ButtonChip>\n )\n}\n"],"mappings":";;;;;AASA,MAAa,wBAAwB,EACnC,gBAC4C;CAC5C,MAAM,EAAE,MAAM,gBAAgB;AAG9B,QACE,oBAAC,YAAD;EAAY,SAHe,kBAAkB,~~UAAU~~;~~YAIpD~~,EAAE,wBAAwB;EAChB,CAAA"}
1	+ {"version":3,"file":"ContactSupportButton.js","names":[],"sources":["../../../../src/pages/TransactionDetailsPage/ContactSupportButton.tsx"],"sourcesContent":["import type { JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useContactSupport } from '../../hooks/useContactSupport.js'\nimport { ButtonChip } from './ContactSupportButton.style.js'\n\ninterface ContactSupportButtonProps {\n supportId?: string\n}\n\nexport const ContactSupportButton = ({\n supportId,\n}: ContactSupportButtonProps): JSX.Element => {\n const { t } = useTranslation()\n const handleContactSupport = useContactSupport(supportId)\n\n return (\n <ButtonChip onClick={handleContactSupport}>\n {t('button.contactSupport')}\n </ButtonChip>\n )\n}\n"],"mappings":";;;;;AASA,MAAa,wBAAwB,EACnC,gBAC4C;CAC5C,MAAM,EAAE,MAAM,gBAAgB;AAG9B,QACE,oBAAC,YAAD;EAAY,SAHe,kBAAkB,UAGJ;YACtC,EAAE,wBAAwB;EAChB,CAAA"}

package/dist/esm/pages/TransactionDetailsPage/StepActionRow.js CHANGED Viewed

@@ -5,8 +5,8 @@ import { ActionRow } from "./ActionRow.js";
 import { jsx } from "react/jsx-runtime";
 import OpenInNew from "@mui/icons-material/OpenInNew";
 //#region src/pages/TransactionDetailsPage/StepActionRow.tsx
-const StepActionRow = ({ step, action, href }) => {
-	const { title } = useActionMessage(step, action);
+const StepActionRow = ({ step, action, href, defaultLabelsOnly }) => {
+	const { title } = useActionMessage(step, action, defaultLabelsOnly);
 	return /* @__PURE__ */ jsx(ActionRow, {
 		startAdornment: /* @__PURE__ */ jsx(IconCircle, {
 			status: action?.status === "FAILED" ? "error" : "success",

package/dist/esm/pages/TransactionDetailsPage/StepActionRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepActionRow.js","names":[],"sources":["../../../../src/pages/TransactionDetailsPage/StepActionRow.tsx"],"sourcesContent":["import type { ExecutionAction, LiFiStepExtended } from '@lifi/sdk'\nimport OpenInNew from '@mui/icons-material/OpenInNew'\nimport type React from 'react'\nimport { IconCircle } from '../../components/IconCircle/IconCircle.js'\nimport { useActionMessage } from '../../hooks/useActionMessage.js'\nimport { ActionRow } from './ActionRow.js'\nimport { ExternalLink } from './ReceiptsCard.style.js'\n\nexport const StepActionRow: React.FC<{\n step: LiFiStepExtended\n action: ExecutionAction\n href: string\n}> = ({ step, action, href }) => {\n const { title } = useActionMessage(step, action)\n const isFailed = action?.status === 'FAILED'\n return (\n <ActionRow\n startAdornment={\n <IconCircle status={isFailed ? 'error' : 'success'} size={24} />\n }\n message={title ?? ''}\n endAdornment={\n <ExternalLink href={href} target=\"_blank\" rel=\"nofollow noreferrer\">\n <OpenInNew sx={{ fontSize: 16 }} />\n </ExternalLink>\n }\n />\n )\n}\n"],"mappings":";;;;;;;AAQA,MAAa,~~iBAIP~~,EAAE,MAAM,QAAQ,~~WAAW~~;~~CAC/B~~,MAAM,EAAE,UAAU,iBAAiB,MAAM,~~OAAO~~;~~AAEhD~~,QACE,oBAAC,WAAD;EACE,gBACE,oBAAC,YAAD;GAAY,QAJD,QAAQ,WAAW,WAIC,UAAU;GAAW,MAAM;GAAM,CAAA;EAElE,SAAS,SAAS;EAClB,cACE,oBAAC,cAAD;GAAoB;GAAM,QAAO;GAAS,KAAI;aAC5C,oBAAC,WAAD,EAAW,IAAI,EAAE,UAAU,IAAI,EAAI,CAAA;GACtB,CAAA;EAEjB,CAAA"}
1	+ {"version":3,"file":"StepActionRow.js","names":[],"sources":["../../../../src/pages/TransactionDetailsPage/StepActionRow.tsx"],"sourcesContent":["import type { ExecutionAction, LiFiStepExtended } from '@lifi/sdk'\nimport OpenInNew from '@mui/icons-material/OpenInNew'\nimport type React from 'react'\nimport { IconCircle } from '../../components/IconCircle/IconCircle.js'\nimport { useActionMessage } from '../../hooks/useActionMessage.js'\nimport { ActionRow } from './ActionRow.js'\nimport { ExternalLink } from './ReceiptsCard.style.js'\n\nexport const StepActionRow: React.FC<{\n step: LiFiStepExtended\n action: ExecutionAction\n href: string\n defaultLabelsOnly?: boolean\n}> = ({ step, action, href, defaultLabelsOnly }) => {\n const { title } = useActionMessage(step, action, defaultLabelsOnly)\n const isFailed = action?.status === 'FAILED'\n return (\n <ActionRow\n startAdornment={\n <IconCircle status={isFailed ? 'error' : 'success'} size={24} />\n }\n message={title ?? ''}\n endAdornment={\n <ExternalLink href={href} target=\"_blank\" rel=\"nofollow noreferrer\">\n <OpenInNew sx={{ fontSize: 16 }} />\n </ExternalLink>\n }\n />\n )\n}\n"],"mappings":";;;;;;;AAQA,MAAa,iBAKP,EAAE,MAAM,QAAQ,MAAM,wBAAwB;CAClD,MAAM,EAAE,UAAU,iBAAiB,MAAM,QAAQ,kBAAkB;AAEnE,QACE,oBAAC,WAAD;EACE,gBACE,oBAAC,YAAD;GAAY,QAJD,QAAQ,WAAW,WAIC,UAAU;GAAW,MAAM;GAAM,CAAA;EAElE,SAAS,SAAS;EAClB,cACE,oBAAC,cAAD;GAAoB;GAAM,QAAO;GAAS,KAAI;aAC5C,oBAAC,WAAD,EAAW,IAAI,EAAE,UAAU,IAAI,EAAI,CAAA;GACtB,CAAA;EAEjB,CAAA"}

package/dist/esm/pages/TransactionDetailsPage/StepActionsList.js CHANGED Viewed

@@ -29,11 +29,17 @@ const StepActionsList = ({ route, toAddress }) => {
 		};
 	}).filter(({ rows }) => rows.length > 0);
 	if (!stepRows?.length) return null;
-	return /* @__PURE__ */ jsxs(TransactionList, { children: [stepRows.map(({ step, rows }) => /* @__PURE__ */ jsx(TransactionList, { children: rows.map(({ action, href }, index) => /* @__PURE__ */ jsx(StepActionRow, {
-		step,
-		action,
-		href
-	}, index)) }, step.id)), toAddress ? /* @__PURE__ */ jsx(SentToWalletRow, {
+	const lastStepIndex = stepRows.length - 1;
+	return /* @__PURE__ */ jsxs(TransactionList, { children: [stepRows.map(({ step, rows }, stepIndex) => {
+		const lastRowIndex = rows.length - 1;
+		const isLastStep = stepIndex === lastStepIndex;
+		return /* @__PURE__ */ jsx(TransactionList, { children: rows.map(({ action, href }, rowIndex) => /* @__PURE__ */ jsx(StepActionRow, {
+			step,
+			action,
+			href,
+			defaultLabelsOnly: !(isLastStep && rowIndex === lastRowIndex)
+		}, rowIndex)) }, step.id);
+	}), toAddress ? /* @__PURE__ */ jsx(SentToWalletRow, {
 		toAddress,
 		toChainId: route.toChainId
 	}) : null] });

package/dist/esm/pages/TransactionDetailsPage/StepActionsList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepActionsList.js","names":[],"sources":["../../../../src/pages/TransactionDetailsPage/StepActionsList.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport { useExplorer } from '../../hooks/useExplorer.js'\nimport { prepareActions } from '../../utils/prepareActions.js'\nimport { TransactionList } from './ReceiptsCard.style.js'\nimport { SentToWalletRow } from './SentToWalletRow.js'\nimport { StepActionRow } from './StepActionRow.js'\n\ninterface StepActionsListProps {\n route: RouteExtended\n toAddress?: string\n}\n\nexport const StepActionsList: React.FC<StepActionsListProps> = ({\n route,\n toAddress,\n}) => {\n const { getTransactionLink } = useExplorer()\n const stepRows = route.steps\n .map((step) => {\n const rows = prepareActions(step.execution?.actions ?? [])\n .map((actionsGroup) => {\n const action = actionsGroup.at(-1)\n const href = action?.txHash\n ? getTransactionLink({\n txHash: action.txHash,\n chain: action.chainId,\n })\n : action?.txLink\n ? getTransactionLink({\n txLink: action.txLink,\n chain: action.chainId,\n })\n : undefined\n return { action, href }\n })\n .filter(({ action, href }) => {\n const doneOrFailed =\n action?.status === 'DONE' \|\| action?.status === 'FAILED'\n return Boolean(href && doneOrFailed)\n })\n return { step, rows }\n })\n .filter(({ rows }) => rows.length > 0)\n\n if (!stepRows?.length) {\n return null\n }\n\n return (\n <TransactionList>\n {stepRows.map(({ step, rows }) => (\n <TransactionList key={step.id}>\n {rows.map(({ action, href }, ~~index~~) => (\n <StepActionRow\n key={~~index~~}\n step={step}\n action={action!}\n href={href!}\n />\n ))}\n </TransactionList>\n ))}\n {toAddress ? (\n <SentToWalletRow toAddress={toAddress} toChainId={route.toChainId} />\n ) : null}\n </TransactionList>\n )\n}\n"],"mappings":";;;;;;;AAYA,MAAa,mBAAmD,EAC9D,OACA,gBACI;CACJ,MAAM,EAAE,uBAAuB,aAAa;CAC5C,MAAM,WAAW,MAAM,MACpB,KAAK,SAAS;AAsBb,SAAO;GAAE;GAAM,MArBF,eAAe,KAAK,WAAW,WAAW,EAAE,CAAC,CACvD,KAAK,iBAAiB;IACrB,MAAM,SAAS,aAAa,GAAG,GAAG;AAYlC,WAAO;KAAE;KAAQ,MAXJ,QAAQ,SACjB,mBAAmB;MACjB,QAAQ,OAAO;MACf,OAAO,OAAO;MACf,CAAC,GACF,QAAQ,SACN,mBAAmB;MACjB,QAAQ,OAAO;MACf,OAAO,OAAO;MACf,CAAC,GACF,KAAA;KACiB;KACvB,CACD,QAAQ,EAAE,QAAQ,WAAW;IAC5B,MAAM,eACJ,QAAQ,WAAW,UAAU,QAAQ,WAAW;AAClD,WAAO,QAAQ,QAAQ,aAAa;~~KACpC~~;~~GACiB~~;GACrB,CACD,QAAQ,EAAE,WAAW,KAAK,SAAS,EAAE;AAExC,KAAI,CAAC,UAAU,OACb,QAAO;~~AAGT~~,QACE,qBAAC,iBAAD,EAAA,UAAA,CACG,SAAS,KAAK,EAAE,MAAM,~~WACrB~~,oBAAC,iBAAD,EAAA,UACG,KAAK,KAAK,EAAE,QAAQ,QAAQ,~~UAC3B~~,oBAAC,eAAD;~~EAEQ~~;~~EACE~~;~~EACF~~;~~EACN~~,~~EAJK~~,~~MAIL~~,CACF,EACc,~~EATI~~,KAAK,~~GAST~~,~~CAClB,~~EACD,YACC,oBAAC,iBAAD;EAA4B;EAAW,WAAW,MAAM;EAAa,CAAA,GACnE,KACY,EAAA,CAAA"}
1	+ {"version":3,"file":"StepActionsList.js","names":[],"sources":["../../../../src/pages/TransactionDetailsPage/StepActionsList.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport { useExplorer } from '../../hooks/useExplorer.js'\nimport { prepareActions } from '../../utils/prepareActions.js'\nimport { TransactionList } from './ReceiptsCard.style.js'\nimport { SentToWalletRow } from './SentToWalletRow.js'\nimport { StepActionRow } from './StepActionRow.js'\n\ninterface StepActionsListProps {\n route: RouteExtended\n toAddress?: string\n}\n\nexport const StepActionsList: React.FC<StepActionsListProps> = ({\n route,\n toAddress,\n}) => {\n const { getTransactionLink } = useExplorer()\n const stepRows = route.steps\n .map((step) => {\n const rows = prepareActions(step.execution?.actions ?? [])\n .map((actionsGroup) => {\n const action = actionsGroup.at(-1)\n const href = action?.txHash\n ? getTransactionLink({\n txHash: action.txHash,\n chain: action.chainId,\n })\n : action?.txLink\n ? getTransactionLink({\n txLink: action.txLink,\n chain: action.chainId,\n })\n : undefined\n return { action, href }\n })\n .filter(({ action, href }) => {\n const doneOrFailed =\n action?.status === 'DONE' \|\| action?.status === 'FAILED'\n return Boolean(href && doneOrFailed)\n })\n return { step, rows }\n })\n .filter(({ rows }) => rows.length > 0)\n\n if (!stepRows?.length) {\n return null\n }\n\n const lastStepIndex = stepRows.length - 1\n\n return (\n <TransactionList>\n {stepRows.map(({ step, rows }, stepIndex) => {\n const lastRowIndex = rows.length - 1\n const isLastStep = stepIndex === lastStepIndex\n return (\n <TransactionList key={step.id}>\n {rows.map(({ action, href }, rowIndex) => (\n <StepActionRow\n key={rowIndex}\n step={step}\n action={action!}\n href={href!}\n defaultLabelsOnly={!(isLastStep && rowIndex === lastRowIndex)}\n />\n ))}\n </TransactionList>\n )\n })}\n {toAddress ? (\n <SentToWalletRow toAddress={toAddress} toChainId={route.toChainId} />\n ) : null}\n </TransactionList>\n )\n}\n"],"mappings":";;;;;;;AAYA,MAAa,mBAAmD,EAC9D,OACA,gBACI;CACJ,MAAM,EAAE,uBAAuB,aAAa;CAC5C,MAAM,WAAW,MAAM,MACpB,KAAK,SAAS;AAsBb,SAAO;GAAE;GAAM,MArBF,eAAe,KAAK,WAAW,WAAW,EAAE,CAAC,CACvD,KAAK,iBAAiB;IACrB,MAAM,SAAS,aAAa,GAAG,GAAG;AAYlC,WAAO;KAAE;KAAQ,MAXJ,QAAQ,SACjB,mBAAmB;MACjB,QAAQ,OAAO;MACf,OAAO,OAAO;MACf,CAAC,GACF,QAAQ,SACN,mBAAmB;MACjB,QAAQ,OAAO;MACf,OAAO,OAAO;MACf,CAAC,GACF,KAAA;KACiB;KACvB,CACD,QAAQ,EAAE,QAAQ,WAAW;IAC5B,MAAM,eACJ,QAAQ,WAAW,UAAU,QAAQ,WAAW;AAClD,WAAO,QAAQ,QAAQ,aAAa;KAErB;GAAE;GACrB,CACD,QAAQ,EAAE,WAAW,KAAK,SAAS,EAAE;AAExC,KAAI,CAAC,UAAU,OACb,QAAO;CAGT,MAAM,gBAAgB,SAAS,SAAS;AAExC,QACE,qBAAC,iBAAD,EAAA,UAAA,CACG,SAAS,KAAK,EAAE,MAAM,QAAQ,cAAc;EAC3C,MAAM,eAAe,KAAK,SAAS;EACnC,MAAM,aAAa,cAAc;AACjC,SACE,oBAAC,iBAAD,EAAA,UACG,KAAK,KAAK,EAAE,QAAQ,QAAQ,aAC3B,oBAAC,eAAD;GAEQ;GACE;GACF;GACN,mBAAmB,EAAE,cAAc,aAAa;GAChD,EALK,SAKL,CACF,EACc,EAVI,KAAK,GAUT;GAEpB,EACD,YACC,oBAAC,iBAAD;EAA4B;EAAW,WAAW,MAAM;EAAa,CAAA,GACnE,KACY,EAAA,CAAA"}

package/dist/esm/pages/TransactionDetailsPage/TransactionDetailsPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TransactionDetailsPage.js","names":[],"sources":["../../../../src/pages/TransactionDetailsPage/TransactionDetailsPage.tsx"],"sourcesContent":["import type { FullStatusData } from '@lifi/sdk'\nimport { useLocation, useNavigate } from '@tanstack/react-router'\nimport { useEffect, useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { ContractComponent } from '../../components/ContractComponent/ContractComponent.js'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { TransactionCard } from '../../components/TransactionCard/TransactionCard.js'\nimport { internalExplorerUrl } from '../../config/constants.js'\nimport { useExplorer } from '../../hooks/useExplorer.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useTools } from '../../hooks/useTools.js'\nimport { useTransactionDetails } from '../../hooks/useTransactionDetails.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useRouteExecutionStore } from '../../stores/routes/RouteExecutionStore.js'\nimport { getSourceTxHash } from '../../stores/routes/utils.js'\nimport { buildRouteFromTxHistory } from '../../utils/converters.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { ReceiptsCard } from './ReceiptsCard.js'\nimport { TransactionDetailsSkeleton } from './TransactionDetailsSkeleton.js'\nimport { TransferIdCard } from './TransferIdCard.js'\n\nexport const TransactionDetailsPage: React.FC = () => {\n const { t } = useTranslation()\n const navigate = useNavigate()\n const {\n subvariant,\n subvariantOptions,\n contractSecondaryComponent,\n explorerUrls,\n } = useWidgetConfig()\n const { search }: any = useLocation()\n const { tools } = useTools()\n const { getTransactionLink } = useExplorer()\n const storedRouteExecution = useRouteExecutionStore((store) =>\n search?.routeId ? store.routes[search.routeId] : undefined\n )\n const { transaction, isLoading } = useTransactionDetails(\n !storedRouteExecution && search?.transactionHash\n )\n\n const title =\n subvariant === 'custom'\n ? t(`header.${subvariantOptions?.custom ?? 'checkout'}Details`)\n : t('header.transactionDetails')\n useHeader(title)\n\n const routeExecution = useMemo(() => {\n if (storedRouteExecution) {\n return storedRouteExecution\n }\n if (isLoading) {\n return\n }\n if (transaction) {\n const routeExecution = buildRouteFromTxHistory(\n transaction as FullStatusData,\n tools\n )\n return routeExecution\n }\n }, [isLoading, storedRouteExecution, tools, transaction])\n\n useEffect(() => {\n if (!isLoading && !routeExecution) {\n navigate({ to: navigationRoutes.home })\n }\n }, [isLoading, navigate, routeExecution])\n\n const explorerUrl = explorerUrls?.internal?.[0]\n const url = typeof explorerUrl === 'string' ? explorerUrl : explorerUrl?.url\n\n const sourceTxHash = getSourceTxHash(routeExecution?.route)\n let supportId = sourceTxHash ?? routeExecution?.route.id ?? ''\n\n const internalTxLink =\n routeExecution?.route?.steps?.at(-1)?.execution?.internalTxLink\n const externalTxLink =\n routeExecution?.route?.steps?.at(-1)?.execution?.externalTxLink\n\n const txLink =\n (url\n ? internalTxLink?.replace(internalExplorerUrl, url)\n : internalTxLink) \|\|\n externalTxLink \|\|\n getTransactionLink({ txHash: supportId })\n\n if (process.env.NODE_ENV === 'development') {\n supportId += `_${routeExecution?.route.id}`\n }\n\n const startedAt = new Date(\n routeExecution?.route.steps[0].execution?.startedAt ?? 0\n )\n\n if (isLoading && !storedRouteExecution) {\n return <TransactionDetailsSkeleton />\n }\n\n if (!routeExecution?.route) {\n return null\n }\n\n return (\n <PageContainer\n bottomGutters\n sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}\n >\n <TransactionCard route={routeExecution.route} date={startedAt} />\n {subvariant === 'custom' && contractSecondaryComponent ? (\n <ContractComponent>{contractSecondaryComponent}</ContractComponent>\n ) : null}\n <ReceiptsCard route={routeExecution.route} />\n {supportId ? (\n <TransferIdCard transferId={supportId} txLink={txLink} />\n ) : null}\n </PageContainer>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,MAAa,+BAAyC;CACpD,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,WAAW,aAAa;CAC9B,MAAM,EACJ,YACA,mBACA,4BACA,iBACE,iBAAiB;CACrB,MAAM,EAAE,WAAgB,aAAa;CACrC,MAAM,EAAE,UAAU,UAAU;CAC5B,MAAM,EAAE,uBAAuB,aAAa;CAC5C,MAAM,uBAAuB,wBAAwB,UACnD,QAAQ,UAAU,MAAM,OAAO,OAAO,WAAW,KAAA,EAClD;CACD,MAAM,EAAE,aAAa,cAAc,sBACjC,CAAC,wBAAwB,QAAQ,gBAClC;AAMD,WAHE,eAAe,WACX,EAAE,UAAU,mBAAmB,UAAU,WAAW,SAAS,GAC7D,EAAE,4BAA4B,CACpB;CAEhB,MAAM,iBAAiB,cAAc;AACnC,MAAI,qBACF,QAAO;AAET,MAAI,UACF;AAEF,MAAI,YAKF,QAJuB,wBACrB,aACA,~~MACD~~;~~IAGF~~;EAAC;EAAW;EAAsB;EAAO;EAAY,CAAC;AAEzD,iBAAgB;AACd,MAAI,CAAC,aAAa,CAAC,eACjB,UAAS,EAAE,IAAI,iBAAiB,MAAM,CAAC;IAExC;EAAC;EAAW;EAAU;EAAe,CAAC;CAEzC,MAAM,cAAc,cAAc,WAAW;CAC7C,MAAM,MAAM,OAAO,gBAAgB,WAAW,cAAc,aAAa;CAGzE,IAAI,YADiB,gBAAgB,gBAAgB,~~MAAM~~,~~IAC3B~~,gBAAgB,MAAM,MAAM;CAE5D,MAAM,iBACJ,gBAAgB,OAAO,OAAO,GAAG,GAAG,EAAE,WAAW;CACnD,MAAM,iBACJ,gBAAgB,OAAO,OAAO,GAAG,GAAG,EAAE,WAAW;CAEnD,MAAM,UACH,MACG,gBAAgB,QAAA,sBAA6B,IAAI,GACjD,mBACJ,kBACA,mBAAmB,EAAE,QAAQ,WAAW,CAAC;AAE3C,KAAI,QAAQ,IAAI,aAAa,cAC3B,cAAa,IAAI,gBAAgB,MAAM;CAGzC,MAAM,YAAY,IAAI,KACpB,gBAAgB,MAAM,MAAM,GAAG,WAAW,aAAa,EACxD;AAED,KAAI,aAAa,CAAC,qBAChB,QAAO,oBAAC,4BAAD,EAA8B,CAAA;AAGvC,KAAI,CAAC,gBAAgB,MACnB,QAAO;AAGT,QACE,qBAAC,eAAD;EACE,eAAA;EACA,IAAI;GAAE,SAAS;GAAQ,eAAe;GAAU,KAAK;GAAG;YAF1D;GAIE,oBAAC,iBAAD;IAAiB,OAAO,eAAe;IAAO,MAAM;IAAa,CAAA;GAChE,eAAe,YAAY,6BAC1B,oBAAC,mBAAD,EAAA,UAAoB,4BAA+C,CAAA,GACjE;GACJ,oBAAC,cAAD,EAAc,OAAO,eAAe,OAAS,CAAA;GAC5C,YACC,oBAAC,gBAAD;IAAgB,YAAY;IAAmB;IAAU,CAAA,GACvD;GACU"}
1	+ {"version":3,"file":"TransactionDetailsPage.js","names":[],"sources":["../../../../src/pages/TransactionDetailsPage/TransactionDetailsPage.tsx"],"sourcesContent":["import type { FullStatusData } from '@lifi/sdk'\nimport { useLocation, useNavigate } from '@tanstack/react-router'\nimport { useEffect, useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { ContractComponent } from '../../components/ContractComponent/ContractComponent.js'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { TransactionCard } from '../../components/TransactionCard/TransactionCard.js'\nimport { internalExplorerUrl } from '../../config/constants.js'\nimport { useExplorer } from '../../hooks/useExplorer.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useTools } from '../../hooks/useTools.js'\nimport { useTransactionDetails } from '../../hooks/useTransactionDetails.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useRouteExecutionStore } from '../../stores/routes/RouteExecutionStore.js'\nimport { getSourceTxHash } from '../../stores/routes/utils.js'\nimport { buildRouteFromTxHistory } from '../../utils/converters.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { ReceiptsCard } from './ReceiptsCard.js'\nimport { TransactionDetailsSkeleton } from './TransactionDetailsSkeleton.js'\nimport { TransferIdCard } from './TransferIdCard.js'\n\nexport const TransactionDetailsPage: React.FC = () => {\n const { t } = useTranslation()\n const navigate = useNavigate()\n const {\n subvariant,\n subvariantOptions,\n contractSecondaryComponent,\n explorerUrls,\n } = useWidgetConfig()\n const { search }: any = useLocation()\n const { tools } = useTools()\n const { getTransactionLink } = useExplorer()\n const storedRouteExecution = useRouteExecutionStore((store) =>\n search?.routeId ? store.routes[search.routeId] : undefined\n )\n const { transaction, isLoading } = useTransactionDetails(\n !storedRouteExecution && search?.transactionHash\n )\n\n const title =\n subvariant === 'custom'\n ? t(`header.${subvariantOptions?.custom ?? 'checkout'}Details`)\n : t('header.transactionDetails')\n useHeader(title)\n\n const routeExecution = useMemo(() => {\n if (storedRouteExecution) {\n return storedRouteExecution\n }\n if (isLoading) {\n return\n }\n if (transaction) {\n const routeExecution = buildRouteFromTxHistory(\n transaction as FullStatusData,\n tools\n )\n return routeExecution\n }\n }, [isLoading, storedRouteExecution, tools, transaction])\n\n useEffect(() => {\n if (!isLoading && !routeExecution) {\n navigate({ to: navigationRoutes.home })\n }\n }, [isLoading, navigate, routeExecution])\n\n const explorerUrl = explorerUrls?.internal?.[0]\n const url = typeof explorerUrl === 'string' ? explorerUrl : explorerUrl?.url\n\n const sourceTxHash = getSourceTxHash(routeExecution?.route)\n let supportId = sourceTxHash ?? routeExecution?.route.id ?? ''\n\n const internalTxLink =\n routeExecution?.route?.steps?.at(-1)?.execution?.internalTxLink\n const externalTxLink =\n routeExecution?.route?.steps?.at(-1)?.execution?.externalTxLink\n\n const txLink =\n (url\n ? internalTxLink?.replace(internalExplorerUrl, url)\n : internalTxLink) \|\|\n externalTxLink \|\|\n getTransactionLink({ txHash: supportId })\n\n if (process.env.NODE_ENV === 'development') {\n supportId += `_${routeExecution?.route.id}`\n }\n\n const startedAt = new Date(\n routeExecution?.route.steps[0].execution?.startedAt ?? 0\n )\n\n if (isLoading && !storedRouteExecution) {\n return <TransactionDetailsSkeleton />\n }\n\n if (!routeExecution?.route) {\n return null\n }\n\n return (\n <PageContainer\n bottomGutters\n sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}\n >\n <TransactionCard route={routeExecution.route} date={startedAt} />\n {subvariant === 'custom' && contractSecondaryComponent ? (\n <ContractComponent>{contractSecondaryComponent}</ContractComponent>\n ) : null}\n <ReceiptsCard route={routeExecution.route} />\n {supportId ? (\n <TransferIdCard transferId={supportId} txLink={txLink} />\n ) : null}\n </PageContainer>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,MAAa,+BAAyC;CACpD,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,WAAW,aAAa;CAC9B,MAAM,EACJ,YACA,mBACA,4BACA,iBACE,iBAAiB;CACrB,MAAM,EAAE,WAAgB,aAAa;CACrC,MAAM,EAAE,UAAU,UAAU;CAC5B,MAAM,EAAE,uBAAuB,aAAa;CAC5C,MAAM,uBAAuB,wBAAwB,UACnD,QAAQ,UAAU,MAAM,OAAO,OAAO,WAAW,KAAA,EAClD;CACD,MAAM,EAAE,aAAa,cAAc,sBACjC,CAAC,wBAAwB,QAAQ,gBAClC;AAMD,WAHE,eAAe,WACX,EAAE,UAAU,mBAAmB,UAAU,WAAW,SAAS,GAC7D,EAAE,4BAA4B,CACpB;CAEhB,MAAM,iBAAiB,cAAc;AACnC,MAAI,qBACF,QAAO;AAET,MAAI,UACF;AAEF,MAAI,YAKF,QAJuB,wBACrB,aACA,MAEmB;IAEtB;EAAC;EAAW;EAAsB;EAAO;EAAY,CAAC;AAEzD,iBAAgB;AACd,MAAI,CAAC,aAAa,CAAC,eACjB,UAAS,EAAE,IAAI,iBAAiB,MAAM,CAAC;IAExC;EAAC;EAAW;EAAU;EAAe,CAAC;CAEzC,MAAM,cAAc,cAAc,WAAW;CAC7C,MAAM,MAAM,OAAO,gBAAgB,WAAW,cAAc,aAAa;CAGzE,IAAI,YADiB,gBAAgB,gBAAgB,MACzB,IAAI,gBAAgB,MAAM,MAAM;CAE5D,MAAM,iBACJ,gBAAgB,OAAO,OAAO,GAAG,GAAG,EAAE,WAAW;CACnD,MAAM,iBACJ,gBAAgB,OAAO,OAAO,GAAG,GAAG,EAAE,WAAW;CAEnD,MAAM,UACH,MACG,gBAAgB,QAAA,sBAA6B,IAAI,GACjD,mBACJ,kBACA,mBAAmB,EAAE,QAAQ,WAAW,CAAC;AAE3C,KAAI,QAAQ,IAAI,aAAa,cAC3B,cAAa,IAAI,gBAAgB,MAAM;CAGzC,MAAM,YAAY,IAAI,KACpB,gBAAgB,MAAM,MAAM,GAAG,WAAW,aAAa,EACxD;AAED,KAAI,aAAa,CAAC,qBAChB,QAAO,oBAAC,4BAAD,EAA8B,CAAA;AAGvC,KAAI,CAAC,gBAAgB,MACnB,QAAO;AAGT,QACE,qBAAC,eAAD;EACE,eAAA;EACA,IAAI;GAAE,SAAS;GAAQ,eAAe;GAAU,KAAK;GAAG;YAF1D;GAIE,oBAAC,iBAAD;IAAiB,OAAO,eAAe;IAAO,MAAM;IAAa,CAAA;GAChE,eAAe,YAAY,6BAC1B,oBAAC,mBAAD,EAAA,UAAoB,4BAA+C,CAAA,GACjE;GACJ,oBAAC,cAAD,EAAc,OAAO,eAAe,OAAS,CAAA;GAC5C,YACC,oBAAC,gBAAD;IAAgB,YAAY;IAAmB;IAAU,CAAA,GACvD;GACU"}

package/dist/esm/pages/TransactionDetailsPage/TransferIdCard.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
-import { HiddenUI } from "../../types/widget.js";
+import "../../types/widget.js";
 import { Card as Card$1 } from "../../components/Card/Card.js";
 import { CardIconButton } from "../../components/Card/CardIconButton.js";
 import { CardTitle } from "../../components/Card/CardTitle.js";
@@ -47,7 +47,7 @@ const TransferIdCard = ({ transferId, txLink }) => {
 						onClick: openTransferIdInExplorer,
 						children: /* @__PURE__ */ jsx(OpenInNew, { fontSize: "inherit" })
 					}) : null,
-					!hiddenUI?.includes(HiddenUI.ContactSupport) ? /* @__PURE__ */ jsx(ContactSupportButton, { supportId: transferId }) : null
+					!hiddenUI?.includes("contactSupport") ? /* @__PURE__ */ jsx(ContactSupportButton, { supportId: transferId }) : null
 				]
 			})]
 		}), /* @__PURE__ */ jsx(Typography, {

package/dist/esm/pages/TransactionDetailsPage/TransferIdCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TransferIdCard.js","names":["Card"],"sources":["../../../../src/pages/TransactionDetailsPage/TransferIdCard.tsx"],"sourcesContent":["import ContentCopyRounded from '@mui/icons-material/ContentCopyRounded'\nimport OpenInNew from '@mui/icons-material/OpenInNew'\nimport { Box, Typography } from '@mui/material'\nimport type { JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { Card } from '../../components/Card/Card.js'\nimport { CardIconButton } from '../../components/Card/CardIconButton.js'\nimport { CardTitle } from '../../components/Card/CardTitle.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { HiddenUI } from '../../types/widget.js'\nimport { ContactSupportButton } from './ContactSupportButton.js'\n\ninterface TransferIdCardProps {\n transferId: string\n txLink?: string\n}\n\nexport const TransferIdCard = ({\n transferId,\n txLink,\n}: TransferIdCardProps): JSX.Element => {\n const { t } = useTranslation()\n const { hiddenUI } = useWidgetConfig()\n\n const copyTransferId = async () => {\n await navigator.clipboard.writeText(transferId)\n }\n\n const openTransferIdInExplorer = () => {\n window.open(txLink, '_blank')\n }\n\n return (\n <Card type=\"default\" indented>\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n }}\n >\n <CardTitle sx={{ p: 0 }}>{t('main.transferId')}</CardTitle>\n <Box\n sx={{\n gap: 1,\n display: 'flex',\n }}\n >\n <CardIconButton size=\"small\" onClick={copyTransferId}>\n <ContentCopyRounded fontSize=\"inherit\" />\n </CardIconButton>\n {txLink ? (\n <CardIconButton size=\"small\" onClick={openTransferIdInExplorer}>\n <OpenInNew fontSize=\"inherit\" />\n </CardIconButton>\n ) : null}\n {!hiddenUI?.includes(HiddenUI.ContactSupport) ? (\n <ContactSupportButton supportId={transferId} />\n ) : null}\n </Box>\n </Box>\n <Typography\n variant=\"body2\"\n sx={{\n pt: 2,\n wordBreak: 'break-all',\n }}\n >\n {transferId}\n </Typography>\n </Card>\n )\n}\n"],"mappings":";;;;;;;;;;;;AAiBA,MAAa,kBAAkB,EAC7B,YACA,aACsC;CACtC,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,aAAa,iBAAiB;CAEtC,MAAM,iBAAiB,YAAY;AACjC,QAAM,UAAU,UAAU,UAAU,WAAW;;CAGjD,MAAM,iCAAiC;AACrC,SAAO,KAAK,QAAQ,SAAS;;AAG/B,QACE,qBAACA,QAAD;EAAM,MAAK;EAAU,UAAA;YAArB,CACE,qBAAC,KAAD;GACE,IAAI;IACF,SAAS;IACT,YAAY;IACZ,gBAAgB;IACjB;aALH,CAOE,oBAAC,WAAD;IAAW,IAAI,EAAE,GAAG,GAAG;cAAG,EAAE,kBAAkB;IAAa,CAAA,EAC3D,qBAAC,KAAD;IACE,IAAI;KACF,KAAK;KACL,SAAS;KACV;cAJH;KAME,oBAAC,gBAAD;MAAgB,MAAK;MAAQ,SAAS;gBACpC,oBAAC,oBAAD,EAAoB,UAAS,WAAY,CAAA;MAC1B,CAAA;KAChB,SACC,oBAAC,gBAAD;MAAgB,MAAK;MAAQ,SAAS;gBACpC,oBAAC,WAAD,EAAW,UAAS,WAAY,CAAA;MACjB,CAAA,GACf;KACH,CAAC,UAAU,~~SAAS~~,~~SAAS~~,~~eAAe,~~GAC3C,oBAAC,sBAAD,EAAsB,WAAW,YAAc,CAAA,GAC7C;KACA;MACF;MACN,oBAAC,YAAD;GACE,SAAQ;GACR,IAAI;IACF,IAAI;IACJ,WAAW;IACZ;aAEA;GACU,CAAA,CACR"}
1	+ {"version":3,"file":"TransferIdCard.js","names":["Card"],"sources":["../../../../src/pages/TransactionDetailsPage/TransferIdCard.tsx"],"sourcesContent":["import ContentCopyRounded from '@mui/icons-material/ContentCopyRounded'\nimport OpenInNew from '@mui/icons-material/OpenInNew'\nimport { Box, Typography } from '@mui/material'\nimport type { JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { Card } from '../../components/Card/Card.js'\nimport { CardIconButton } from '../../components/Card/CardIconButton.js'\nimport { CardTitle } from '../../components/Card/CardTitle.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { HiddenUI } from '../../types/widget.js'\nimport { ContactSupportButton } from './ContactSupportButton.js'\n\ninterface TransferIdCardProps {\n transferId: string\n txLink?: string\n}\n\nexport const TransferIdCard = ({\n transferId,\n txLink,\n}: TransferIdCardProps): JSX.Element => {\n const { t } = useTranslation()\n const { hiddenUI } = useWidgetConfig()\n\n const copyTransferId = async () => {\n await navigator.clipboard.writeText(transferId)\n }\n\n const openTransferIdInExplorer = () => {\n window.open(txLink, '_blank')\n }\n\n return (\n <Card type=\"default\" indented>\n <Box\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n }}\n >\n <CardTitle sx={{ p: 0 }}>{t('main.transferId')}</CardTitle>\n <Box\n sx={{\n gap: 1,\n display: 'flex',\n }}\n >\n <CardIconButton size=\"small\" onClick={copyTransferId}>\n <ContentCopyRounded fontSize=\"inherit\" />\n </CardIconButton>\n {txLink ? (\n <CardIconButton size=\"small\" onClick={openTransferIdInExplorer}>\n <OpenInNew fontSize=\"inherit\" />\n </CardIconButton>\n ) : null}\n {!hiddenUI?.includes(HiddenUI.ContactSupport) ? (\n <ContactSupportButton supportId={transferId} />\n ) : null}\n </Box>\n </Box>\n <Typography\n variant=\"body2\"\n sx={{\n pt: 2,\n wordBreak: 'break-all',\n }}\n >\n {transferId}\n </Typography>\n </Card>\n )\n}\n"],"mappings":";;;;;;;;;;;;AAiBA,MAAa,kBAAkB,EAC7B,YACA,aACsC;CACtC,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,aAAa,iBAAiB;CAEtC,MAAM,iBAAiB,YAAY;AACjC,QAAM,UAAU,UAAU,UAAU,WAAW;;CAGjD,MAAM,iCAAiC;AACrC,SAAO,KAAK,QAAQ,SAAS;;AAG/B,QACE,qBAACA,QAAD;EAAM,MAAK;EAAU,UAAA;YAArB,CACE,qBAAC,KAAD;GACE,IAAI;IACF,SAAS;IACT,YAAY;IACZ,gBAAgB;IACjB;aALH,CAOE,oBAAC,WAAD;IAAW,IAAI,EAAE,GAAG,GAAG;cAAG,EAAE,kBAAkB;IAAa,CAAA,EAC3D,qBAAC,KAAD;IACE,IAAI;KACF,KAAK;KACL,SAAS;KACV;cAJH;KAME,oBAAC,gBAAD;MAAgB,MAAK;MAAQ,SAAS;gBACpC,oBAAC,oBAAD,EAAoB,UAAS,WAAY,CAAA;MAC1B,CAAA;KAChB,SACC,oBAAC,gBAAD;MAAgB,MAAK;MAAQ,SAAS;gBACpC,oBAAC,WAAD,EAAW,UAAS,WAAY,CAAA;MACjB,CAAA,GACf;KACH,CAAC,UAAU,SAAA,iBAAiC,GAC3C,oBAAC,sBAAD,EAAsB,WAAW,YAAc,CAAA,GAC7C;KACA;MACF;MACN,oBAAC,YAAD;GACE,SAAQ;GACR,IAAI;IACF,IAAI;IACJ,WAAW;IACZ;aAEA;GACU,CAAA,CACR"}

package/dist/esm/pages/TransactionPage/ConfirmToAddressSheet.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { useWidgetEvents } from "../../hooks/useWidgetEvents.js";
-import { WidgetEvent } from "../../types/events.js";
+import "../../types/events.js";
 import { useChain } from "../../hooks/useChain.js";
 import { AlertMessage } from "../../components/Messages/AlertMessage.js";
 import { BottomSheet } from "../../components/BottomSheet/BottomSheet.js";
@@ -31,7 +31,7 @@ const ConfirmToAddressSheetContent = ({ onContinue, onClose, toAddress, toChainI
 	const ref = useRef(null);
 	useSetContentHeight(ref);
 	const handleContinue = () => {
-		emitter.emit(WidgetEvent.LowAddressActivityConfirmed, {
+		emitter.emit("lowAddressActivityConfirmed", {
 			address: toAddress,
 			chainId: toChainId
 		});

package/dist/esm/pages/TransactionPage/ConfirmToAddressSheet.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ConfirmToAddressSheet.js","names":[],"sources":["../../../../src/pages/TransactionPage/ConfirmToAddressSheet.tsx"],"sourcesContent":["import Wallet from '@mui/icons-material/Wallet'\nimport WarningRounded from '@mui/icons-material/WarningRounded'\nimport { Button, Typography } from '@mui/material'\nimport type { ForwardRefExoticComponent, RefAttributes, RefObject } from 'react'\nimport { forwardRef, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { BottomSheet } from '../../components/BottomSheet/BottomSheet.js'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { AlertMessage } from '../../components/Messages/AlertMessage.js'\nimport { useChain } from '../../hooks/useChain.js'\nimport { useSetContentHeight } from '../../hooks/useSetContentHeight.js'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport {\n IconContainer,\n SendToWalletButtonRow,\n SendToWalletSheetContainer,\n SheetAddressContainer,\n} from '../SendToWallet/SendToWalletPage.style.js'\n\ninterface ConfirmToAddressSheetProps {\n onContinue: () => void\n toAddress: string\n toChainId: number\n}\n\ninterface ConfirmToAddressSheetContentProps extends ConfirmToAddressSheetProps {\n onClose: () => void\n}\n\nexport const ConfirmToAddressSheet: ForwardRefExoticComponent<\n ConfirmToAddressSheetProps & RefAttributes<BottomSheetBase>\n> = forwardRef<BottomSheetBase, ConfirmToAddressSheetProps>((props, ref) => {\n const handleClose = () => {\n ;(ref as RefObject<BottomSheetBase>).current?.close()\n }\n\n return (\n <BottomSheet ref={ref}>\n <ConfirmToAddressSheetContent {...props} onClose={handleClose} />\n </BottomSheet>\n )\n})\n\nconst ConfirmToAddressSheetContent: React.FC<\n ConfirmToAddressSheetContentProps\n> = ({ onContinue, onClose, toAddress, toChainId }) => {\n const { t } = useTranslation()\n const { chain } = useChain(toChainId)\n const emitter = useWidgetEvents()\n const ref = useRef<HTMLElement>(null)\n useSetContentHeight(ref)\n\n const handleContinue = () => {\n emitter.emit(WidgetEvent.LowAddressActivityConfirmed, {\n address: toAddress,\n chainId: toChainId,\n })\n onClose()\n onContinue()\n }\n\n return (\n <SendToWalletSheetContainer ref={ref}>\n <IconContainer>\n <Wallet sx={{ fontSize: 40 }} />\n </IconContainer>\n <Typography variant=\"h6\" sx={{ textAlign: 'center', mb: 2 }}>\n {t('warning.title.lowAddressActivity')}\n </Typography>\n <SheetAddressContainer>\n <Typography>{toAddress}</Typography>\n </SheetAddressContainer>\n <AlertMessage\n severity=\"warning\"\n title={\n <Typography variant=\"body2\" sx={{ color: 'text.primary' }}>\n {t('warning.message.lowAddressActivity', {\n chainName: chain?.name,\n })}\n </Typography>\n }\n icon={<WarningRounded />}\n multiline\n />\n <SendToWalletButtonRow>\n <Button variant=\"text\" onClick={onClose} fullWidth>\n {t('button.cancel')}\n </Button>\n <Button variant=\"contained\" onClick={handleContinue} fullWidth>\n {t('button.continue')}\n </Button>\n </SendToWalletButtonRow>\n </SendToWalletSheetContainer>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;AA8BA,MAAa,wBAET,YAAyD,OAAO,QAAQ;CAC1E,MAAM,oBAAoB;AACtB,MAAmC,SAAS,OAAO;;AAGvD,QACE,oBAAC,aAAD;EAAkB;YAChB,oBAAC,8BAAD;GAA8B,GAAI;GAAO,SAAS;GAAe,CAAA;EACrD,CAAA;EAEhB;AAEF,MAAM,gCAED,EAAE,YAAY,SAAS,WAAW,gBAAgB;CACrD,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,UAAU,SAAS,UAAU;CACrC,MAAM,UAAU,iBAAiB;CACjC,MAAM,MAAM,OAAoB,KAAK;AACrC,qBAAoB,IAAI;CAExB,MAAM,uBAAuB;AAC3B,UAAQ,~~KAAK,YAAY,6BAA6B~~;GACpD,SAAS;GACT,SAAS;GACV,CAAC;AACF,WAAS;AACT,cAAY;;AAGd,QACE,qBAAC,4BAAD;EAAiC;YAAjC;GACE,oBAAC,eAAD,EAAA,UACE,oBAAC,QAAD,EAAQ,IAAI,EAAE,UAAU,IAAI,EAAI,CAAA,EAClB,CAAA;GAChB,oBAAC,YAAD;IAAY,SAAQ;IAAK,IAAI;KAAE,WAAW;KAAU,IAAI;KAAG;cACxD,EAAE,mCAAmC;IAC3B,CAAA;GACb,oBAAC,uBAAD,EAAA,UACE,oBAAC,YAAD,EAAA,UAAa,WAAuB,CAAA,EACd,CAAA;GACxB,oBAAC,cAAD;IACE,UAAS;IACT,OACE,oBAAC,YAAD;KAAY,SAAQ;KAAQ,IAAI,EAAE,OAAO,gBAAgB;eACtD,EAAE,sCAAsC,EACvC,WAAW,OAAO,MACnB,CAAC;KACS,CAAA;IAEf,MAAM,oBAAC,gBAAD,EAAkB,CAAA;IACxB,WAAA;IACA,CAAA;GACF,qBAAC,uBAAD,EAAA,UAAA,CACE,oBAAC,QAAD;IAAQ,SAAQ;IAAO,SAAS;IAAS,WAAA;cACtC,EAAE,gBAAgB;IACZ,CAAA,EACT,oBAAC,QAAD;IAAQ,SAAQ;IAAY,SAAS;IAAgB,WAAA;cAClD,EAAE,kBAAkB;IACd,CAAA,CACa,EAAA,CAAA;GACG"}
1	+ {"version":3,"file":"ConfirmToAddressSheet.js","names":[],"sources":["../../../../src/pages/TransactionPage/ConfirmToAddressSheet.tsx"],"sourcesContent":["import Wallet from '@mui/icons-material/Wallet'\nimport WarningRounded from '@mui/icons-material/WarningRounded'\nimport { Button, Typography } from '@mui/material'\nimport type { ForwardRefExoticComponent, RefAttributes, RefObject } from 'react'\nimport { forwardRef, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { BottomSheet } from '../../components/BottomSheet/BottomSheet.js'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { AlertMessage } from '../../components/Messages/AlertMessage.js'\nimport { useChain } from '../../hooks/useChain.js'\nimport { useSetContentHeight } from '../../hooks/useSetContentHeight.js'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport {\n IconContainer,\n SendToWalletButtonRow,\n SendToWalletSheetContainer,\n SheetAddressContainer,\n} from '../SendToWallet/SendToWalletPage.style.js'\n\ninterface ConfirmToAddressSheetProps {\n onContinue: () => void\n toAddress: string\n toChainId: number\n}\n\ninterface ConfirmToAddressSheetContentProps extends ConfirmToAddressSheetProps {\n onClose: () => void\n}\n\nexport const ConfirmToAddressSheet: ForwardRefExoticComponent<\n ConfirmToAddressSheetProps & RefAttributes<BottomSheetBase>\n> = forwardRef<BottomSheetBase, ConfirmToAddressSheetProps>((props, ref) => {\n const handleClose = () => {\n ;(ref as RefObject<BottomSheetBase>).current?.close()\n }\n\n return (\n <BottomSheet ref={ref}>\n <ConfirmToAddressSheetContent {...props} onClose={handleClose} />\n </BottomSheet>\n )\n})\n\nconst ConfirmToAddressSheetContent: React.FC<\n ConfirmToAddressSheetContentProps\n> = ({ onContinue, onClose, toAddress, toChainId }) => {\n const { t } = useTranslation()\n const { chain } = useChain(toChainId)\n const emitter = useWidgetEvents()\n const ref = useRef<HTMLElement>(null)\n useSetContentHeight(ref)\n\n const handleContinue = () => {\n emitter.emit(WidgetEvent.LowAddressActivityConfirmed, {\n address: toAddress,\n chainId: toChainId,\n })\n onClose()\n onContinue()\n }\n\n return (\n <SendToWalletSheetContainer ref={ref}>\n <IconContainer>\n <Wallet sx={{ fontSize: 40 }} />\n </IconContainer>\n <Typography variant=\"h6\" sx={{ textAlign: 'center', mb: 2 }}>\n {t('warning.title.lowAddressActivity')}\n </Typography>\n <SheetAddressContainer>\n <Typography>{toAddress}</Typography>\n </SheetAddressContainer>\n <AlertMessage\n severity=\"warning\"\n title={\n <Typography variant=\"body2\" sx={{ color: 'text.primary' }}>\n {t('warning.message.lowAddressActivity', {\n chainName: chain?.name,\n })}\n </Typography>\n }\n icon={<WarningRounded />}\n multiline\n />\n <SendToWalletButtonRow>\n <Button variant=\"text\" onClick={onClose} fullWidth>\n {t('button.cancel')}\n </Button>\n <Button variant=\"contained\" onClick={handleContinue} fullWidth>\n {t('button.continue')}\n </Button>\n </SendToWalletButtonRow>\n </SendToWalletSheetContainer>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;AA8BA,MAAa,wBAET,YAAyD,OAAO,QAAQ;CAC1E,MAAM,oBAAoB;AACtB,MAAmC,SAAS,OAAO;;AAGvD,QACE,oBAAC,aAAD;EAAkB;YAChB,oBAAC,8BAAD;GAA8B,GAAI;GAAO,SAAS;GAAe,CAAA;EACrD,CAAA;EAEhB;AAEF,MAAM,gCAED,EAAE,YAAY,SAAS,WAAW,gBAAgB;CACrD,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,UAAU,SAAS,UAAU;CACrC,MAAM,UAAU,iBAAiB;CACjC,MAAM,MAAM,OAAoB,KAAK;AACrC,qBAAoB,IAAI;CAExB,MAAM,uBAAuB;AAC3B,UAAQ,KAAA,+BAA8C;GACpD,SAAS;GACT,SAAS;GACV,CAAC;AACF,WAAS;AACT,cAAY;;AAGd,QACE,qBAAC,4BAAD;EAAiC;YAAjC;GACE,oBAAC,eAAD,EAAA,UACE,oBAAC,QAAD,EAAQ,IAAI,EAAE,UAAU,IAAI,EAAI,CAAA,EAClB,CAAA;GAChB,oBAAC,YAAD;IAAY,SAAQ;IAAK,IAAI;KAAE,WAAW;KAAU,IAAI;KAAG;cACxD,EAAE,mCAAmC;IAC3B,CAAA;GACb,oBAAC,uBAAD,EAAA,UACE,oBAAC,YAAD,EAAA,UAAa,WAAuB,CAAA,EACd,CAAA;GACxB,oBAAC,cAAD;IACE,UAAS;IACT,OACE,oBAAC,YAAD;KAAY,SAAQ;KAAQ,IAAI,EAAE,OAAO,gBAAgB;eACtD,EAAE,sCAAsC,EACvC,WAAW,OAAO,MACnB,CAAC;KACS,CAAA;IAEf,MAAM,oBAAC,gBAAD,EAAkB,CAAA;IACxB,WAAA;IACA,CAAA;GACF,qBAAC,uBAAD,EAAA,UAAA,CACE,oBAAC,QAAD;IAAQ,SAAQ;IAAO,SAAS;IAAS,WAAA;cACtC,EAAE,gBAAgB;IACZ,CAAA,EACT,oBAAC,QAAD;IAAQ,SAAQ;IAAY,SAAS;IAAgB,WAAA;cAClD,EAAE,kBAAkB;IACd,CAAA,CACa,EAAA,CAAA;GACG"}