@lifi/widget 3.0.0-alpha.3 → 3.0.0-alpha.31

package/_esm/pages/SendToWallet/RecentWalletsPage.js

@@ -0,0 +1,104 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ContentCopyRounded, DeleteOutline, MoreHoriz, OpenInNewRounded, TurnedInNot, Wallet, } from '@mui/icons-material';
+import { ListItemAvatar, ListItemText, MenuItem } from '@mui/material';
+import { useId, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
+import { AccountAvatar } from '../../components/Avatar/AccountAvatar.js';
+import { ListItem } from '../../components/ListItem/ListItem.js';
+import { ListItemButton } from '../../components/ListItem/ListItemButton.js';
+import { Menu } from '../../components/Menu.js';
+import { useChains } from '../../hooks/useChains.js';
+import { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js';
+import { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js';
+import { useBookmarks } from '../../stores/bookmarks/useBookmarks.js';
+import { useFieldActions } from '../../stores/form/useFieldActions.js';
+import { useSendToWalletActions } from '../../stores/settings/useSendToWalletStore.js';
+import { defaultChainIdsByType } from '../../utils/chainType.js';
+import { navigationRoutes } from '../../utils/navigationRoutes.js';
+import { shortenAddress } from '../../utils/wallet.js';
+import { BookmarkAddressSheet } from './BookmarkAddressSheet.js';
+import { EmptyListIndicator } from './EmptyListIndicator.js';
+import { ListContainer, OptionsMenuButton, SendToWalletPageContainer, } from './SendToWalletPage.style.js';
+export const RecentWalletsPage = () => {
+    const { t } = useTranslation();
+    const navigate = useNavigate();
+    const [selectedRecent, setSelectedRecent] = useState();
+    const bookmarkAddressSheetRef = useRef(null);
+    const { recentWallets } = useBookmarks();
+    const { requiredToChainType } = useToAddressRequirements();
+    const { removeRecentWallet, addBookmark, setSelectedBookmark, addRecentWallet, } = useBookmarkActions();
+    const { getChainById } = useChains();
+    const { setFieldValue } = useFieldActions();
+    const { setSendToWallet } = useSendToWalletActions();
+    const moreMenuId = useId();
+    const [moreMenuAnchorEl, setMenuAnchorEl] = useState();
+    const open = Boolean(moreMenuAnchorEl);
+    const handleRecentSelected = (recentWallet) => {
+        addRecentWallet(recentWallet);
+        setFieldValue('toAddress', recentWallet.address, {
+            isTouched: true,
+        });
+        setSelectedBookmark(recentWallet);
+        setSendToWallet(true);
+        navigate(navigationRoutes.home);
+    };
+    const handleAddBookmark = (bookmark) => {
+        addBookmark(bookmark);
+        navigate(`../${navigationRoutes.bookmarks}`, {
+            relative: 'path',
+            replace: true,
+        });
+    };
+    const closeMenu = () => {
+        setMenuAnchorEl(null);
+    };
+    const handleMenuOpen = (el, recentWallet) => {
+        setMenuAnchorEl(el);
+        setSelectedRecent(recentWallet);
+    };
+    const handleCopyAddress = () => {
+        if (selectedRecent) {
+            navigator.clipboard.writeText(selectedRecent.address);
+        }
+        closeMenu();
+    };
+    const handleViewOnExplorer = () => {
+        if (selectedRecent) {
+            const chain = getChainById(defaultChainIdsByType[selectedRecent.chainType]);
+            window.open(`${chain?.metamask.blockExplorerUrls[0]}address/${selectedRecent.address}`, '_blank');
+        }
+        closeMenu();
+    };
+    const handleOpenBookmarkSheet = () => {
+        if (selectedRecent) {
+            setSelectedRecent(selectedRecent);
+            bookmarkAddressSheetRef.current?.open();
+        }
+        closeMenu();
+    };
+    const handleRemoveRecentWallet = () => {
+        if (selectedRecent) {
+            removeRecentWallet(selectedRecent.address);
+        }
+        closeMenu();
+    };
+    return (_jsxs(SendToWalletPageContainer, { disableGutters: true, children: [_jsxs(ListContainer, { children: [recentWallets.map((recentWallet) => (_jsxs(ListItem, { sx: { position: 'relative' }, children: [_jsxs(ListItemButton, { disabled: requiredToChainType &&
+                                    requiredToChainType !== recentWallet.chainType, onClick: () => handleRecentSelected(recentWallet), children: [_jsx(ListItemAvatar, { children: _jsx(AccountAvatar, { chainId: defaultChainIdsByType[recentWallet.chainType] }) }), _jsx(ListItemText, { primary: recentWallet.name || shortenAddress(recentWallet.address), secondary: recentWallet.name
+                                            ? shortenAddress(recentWallet.address)
+                                            : undefined })] }), _jsx(OptionsMenuButton, { "aria-label": t('button.options'), "aria-controls": open && recentWallet.address === selectedRecent?.address
+                                    ? moreMenuId
+                                    : undefined, "aria-haspopup": "true", "aria-expanded": open ? 'true' : undefined, onClick: (e) => handleMenuOpen(e.target, recentWallet), sx: {
+                                    opacity: requiredToChainType &&
+                                        requiredToChainType !== recentWallet.chainType
+                                        ? 0.5
+                                        : 1,
+                                }, children: _jsx(MoreHoriz, { fontSize: "small" }) })] }, recentWallet.address))), !recentWallets.length && (_jsx(EmptyListIndicator, { icon: _jsx(Wallet, { sx: { fontSize: 48 } }), children: t('sendToWallet.noRecentWallets') })), _jsxs(Menu, { id: moreMenuId, elevation: 0, anchorOrigin: {
+                            vertical: 'bottom',
+                            horizontal: 'right',
+                        }, transformOrigin: {
+                            vertical: 'top',
+                            horizontal: 'right',
+                        }, anchorEl: moreMenuAnchorEl, open: open, onClose: closeMenu, children: [_jsxs(MenuItem, { onClick: handleCopyAddress, children: [_jsx(ContentCopyRounded, {}), t('button.copyAddress')] }), _jsxs(MenuItem, { onClick: handleViewOnExplorer, children: [_jsx(OpenInNewRounded, {}), t('button.viewOnExplorer')] }), _jsxs(MenuItem, { onClick: handleOpenBookmarkSheet, children: [_jsx(TurnedInNot, {}), t('button.bookmark')] }), _jsxs(MenuItem, { onClick: handleRemoveRecentWallet, children: [_jsx(DeleteOutline, {}), t('button.delete')] })] })] }), _jsx(BookmarkAddressSheet, { ref: bookmarkAddressSheetRef, validatedWallet: selectedRecent, onAddBookmark: handleAddBookmark })] }));
+};
+//# sourceMappingURL=RecentWalletsPage.js.map

package/_esm/pages/SendToWallet/RecentWalletsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecentWalletsPage.js","sourceRoot":"","sources":["../../../pages/SendToWallet/RecentWalletsPage.tsx"],"names":[],"mappings":"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"}

package/_esm/pages/SendToWallet/SendToConfiguredWalletPage.d.ts

@@ -0,0 +1 @@
+export declare const SendToConfiguredWalletPage: () => import("react/jsx-runtime").JSX.Element;

package/_esm/pages/SendToWallet/SendToConfiguredWalletPage.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ContentCopyRounded, MoreHoriz, OpenInNewRounded, } from '@mui/icons-material';
+import { ListItemAvatar, ListItemText, MenuItem } from '@mui/material';
+import { useId, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
+import { AccountAvatar } from '../../components/Avatar/AccountAvatar.js';
+import { ListItem } from '../../components/ListItem/ListItem.js';
+import { ListItemButton } from '../../components/ListItem/ListItemButton.js';
+import { Menu } from '../../components/Menu.js';
+import { useChains } from '../../hooks/useChains.js';
+import { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js';
+import { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js';
+import { useFieldActions } from '../../stores/form/useFieldActions.js';
+import { defaultChainIdsByType } from '../../utils/chainType.js';
+import { navigationRoutes } from '../../utils/navigationRoutes.js';
+import { shortenAddress } from '../../utils/wallet.js';
+import { ListContainer, OptionsMenuButton, SendToWalletPageContainer, } from './SendToWalletPage.style.js';
+export const SendToConfiguredWalletPage = () => {
+    const { t } = useTranslation();
+    const navigate = useNavigate();
+    const { toAddresses } = useWidgetConfig();
+    const [selectedToAddress, setSelectedToAddress] = useState();
+    const { requiredToChainType } = useToAddressRequirements();
+    const { setSelectedBookmark } = useBookmarkActions();
+    const { setFieldValue } = useFieldActions();
+    const { getChainById } = useChains();
+    const moreMenuId = useId();
+    const [moreMenuAnchorEl, setMenuAnchorEl] = useState();
+    const open = Boolean(moreMenuAnchorEl);
+    const handleCuratedSelected = (toAddress) => {
+        setSelectedBookmark(toAddress);
+        setFieldValue('toAddress', toAddress.address, { isTouched: true });
+        navigate(navigationRoutes.home);
+    };
+    const closeMenu = () => {
+        setMenuAnchorEl(null);
+    };
+    const handleMenuOpen = (el, toAddress) => {
+        setMenuAnchorEl(el);
+        setSelectedToAddress(toAddress);
+    };
+    const handleCopyAddress = () => {
+        if (selectedToAddress) {
+            navigator.clipboard.writeText(selectedToAddress.address);
+        }
+        closeMenu();
+    };
+    const handleViewOnExplorer = () => {
+        if (selectedToAddress) {
+            const chain = getChainById(defaultChainIdsByType[selectedToAddress.chainType]);
+            window.open(`${chain?.metamask.blockExplorerUrls[0]}address/${selectedToAddress.address}`, '_blank');
+        }
+        closeMenu();
+    };
+    return (_jsx(SendToWalletPageContainer, { disableGutters: true, children: _jsxs(ListContainer, { sx: { minHeight: 418 }, children: [toAddresses?.map((toAddress) => (_jsxs(ListItem, { sx: { position: 'relative' }, children: [_jsxs(ListItemButton, { disabled: requiredToChainType &&
+                                requiredToChainType !== toAddress.chainType, onClick: () => handleCuratedSelected(toAddress), children: [_jsx(ListItemAvatar, { children: _jsx(AccountAvatar, { chainId: defaultChainIdsByType[toAddress.chainType] }) }), _jsx(ListItemText, { primary: toAddress.name || shortenAddress(toAddress.address), secondary: toAddress.name ? shortenAddress(toAddress.address) : undefined })] }), _jsx(OptionsMenuButton, { "aria-label": t('button.options'), "aria-controls": open && toAddress.address === selectedToAddress?.address
+                                ? moreMenuId
+                                : undefined, "aria-haspopup": "true", "aria-expanded": open ? 'true' : undefined, onClick: (e) => handleMenuOpen(e.target, toAddress), sx: {
+                                opacity: requiredToChainType &&
+                                    requiredToChainType !== toAddress.chainType
+                                    ? 0.5
+                                    : 1,
+                            }, children: _jsx(MoreHoriz, { fontSize: "small" }) })] }, toAddress.address))), _jsxs(Menu, { id: moreMenuId, elevation: 0, anchorOrigin: {
+                        vertical: 'bottom',
+                        horizontal: 'right',
+                    }, transformOrigin: {
+                        vertical: 'top',
+                        horizontal: 'right',
+                    }, anchorEl: moreMenuAnchorEl, open: open, onClose: closeMenu, children: [_jsxs(MenuItem, { onClick: handleCopyAddress, children: [_jsx(ContentCopyRounded, {}), t('button.copyAddress')] }), _jsxs(MenuItem, { onClick: handleViewOnExplorer, children: [_jsx(OpenInNewRounded, {}), t('button.viewOnExplorer')] })] })] }) }));
+};
+//# sourceMappingURL=SendToConfiguredWalletPage.js.map

package/_esm/pages/SendToWallet/SendToConfiguredWalletPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendToConfiguredWalletPage.js","sourceRoot":"","sources":["../../../pages/SendToWallet/SendToConfiguredWalletPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,kBAAkB,EAClB,SAAS,EACT,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAAE,eAAe,EAAE,MAAM,kDAAkD,CAAC;AACnF,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAEvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,yBAAyB,GAC1B,MAAM,6BAA6B,CAAC;AAErC,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC7C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,WAAW,EAAE,GAAG,eAAe,EAAE,CAAC;IAC1C,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,EAAa,CAAC;IACxE,MAAM,EAAE,mBAAmB,EAAE,GAAG,wBAAwB,EAAE,CAAC;IAC3D,MAAM,EAAE,mBAAmB,EAAE,GAAG,kBAAkB,EAAE,CAAC;IACrD,MAAM,EAAE,aAAa,EAAE,GAAG,eAAe,EAAE,CAAC;IAC5C,MAAM,EAAE,YAAY,EAAE,GAAG,SAAS,EAAE,CAAC;IACrC,MAAM,UAAU,GAAG,KAAK,EAAE,CAAC;IAC3B,MAAM,CAAC,gBAAgB,EAAE,eAAe,CAAC,GAAG,QAAQ,EAAsB,CAAC;IAC3E,MAAM,IAAI,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAEvC,MAAM,qBAAqB,GAAG,CAAC,SAAoB,EAAE,EAAE;QACrD,mBAAmB,CAAC,SAAS,CAAC,CAAC;QAC/B,aAAa,CAAC,WAAW,EAAE,SAAS,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QACnE,QAAQ,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,EAAe,EAAE,SAAoB,EAAE,EAAE;QAC/D,eAAe,CAAC,EAAE,CAAC,CAAC;QACpB,oBAAoB,CAAC,SAAS,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,IAAI,iBAAiB,EAAE,CAAC;YACtB,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;QAC3D,CAAC;QACD,SAAS,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,IAAI,iBAAiB,EAAE,CAAC;YACtB,MAAM,KAAK,GAAG,YAAY,CACxB,qBAAqB,CAAC,iBAAiB,CAAC,SAAS,CAAC,CACnD,CAAC;YACF,MAAM,CAAC,IAAI,CACT,GAAG,KAAK,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC,WAAW,iBAAiB,CAAC,OAAO,EAAE,EAC7E,QAAQ,CACT,CAAC;QACJ,CAAC;QACD,SAAS,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,yBAAyB,IAAC,cAAc,kBACvC,MAAC,aAAa,IAAC,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,aAClC,WAAW,EAAE,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAC/B,MAAC,QAAQ,IAAyB,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,aAC5D,MAAC,cAAc,IACb,QAAQ,EACN,mBAAmB;gCACnB,mBAAmB,KAAK,SAAS,CAAC,SAAS,EAE7C,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,SAAS,CAAC,aAE/C,KAAC,cAAc,cACb,KAAC,aAAa,IACZ,OAAO,EAAE,qBAAqB,CAAC,SAAS,CAAC,SAAS,CAAC,GACnD,GACa,EACjB,KAAC,YAAY,IACX,OAAO,EAAE,SAAS,CAAC,IAAI,IAAI,cAAc,CAAC,SAAS,CAAC,OAAO,CAAC,EAC5D,SAAS,EACP,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,GAEhE,IACa,EACjB,KAAC,iBAAiB,kBACJ,CAAC,CAAC,gBAAgB,CAAC,mBAE7B,IAAI,IAAI,SAAS,CAAC,OAAO,KAAK,iBAAiB,EAAE,OAAO;gCACtD,CAAC,CAAC,UAAU;gCACZ,CAAC,CAAC,SAAS,mBAED,MAAM,mBACL,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACxC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CACb,cAAc,CAAC,CAAC,CAAC,MAAqB,EAAE,SAAS,CAAC,EAEpD,EAAE,EAAE;gCACF,OAAO,EACL,mBAAmB;oCACnB,mBAAmB,KAAK,SAAS,CAAC,SAAS;oCACzC,CAAC,CAAC,GAAG;oCACL,CAAC,CAAC,CAAC;6BACR,YAED,KAAC,SAAS,IAAC,QAAQ,EAAC,OAAO,GAAG,GACZ,KAzCP,SAAS,CAAC,OAAO,CA0CrB,CACZ,CAAC,EACF,MAAC,IAAI,IACH,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,CAAC,EACZ,YAAY,EAAE;wBACZ,QAAQ,EAAE,QAAQ;wBAClB,UAAU,EAAE,OAAO;qBACpB,EACD,eAAe,EAAE;wBACf,QAAQ,EAAE,KAAK;wBACf,UAAU,EAAE,OAAO;qBACpB,EACD,QAAQ,EAAE,gBAAgB,EAC1B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,SAAS,aAElB,MAAC,QAAQ,IAAC,OAAO,EAAE,iBAAiB,aAClC,KAAC,kBAAkB,KAAG,EACrB,CAAC,CAAC,oBAAoB,CAAC,IACf,EACX,MAAC,QAAQ,IAAC,OAAO,EAAE,oBAAoB,aACrC,KAAC,gBAAgB,KAAG,EACnB,CAAC,CAAC,uBAAuB,CAAC,IAClB,IACN,IACO,GACU,CAC7B,CAAC;AACJ,CAAC,CAAC"}

package/_esm/pages/SendToWallet/SendToWalletPage.d.ts

@@ -0,0 +1 @@
+export declare const SendToWalletPage: () => import("react/jsx-runtime").JSX.Element;

package/_esm/pages/SendToWallet/SendToWalletPage.js

@@ -0,0 +1,140 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Error, History, TurnedIn, Wallet } from '@mui/icons-material';
+import { Tooltip } from '@mui/material';
+import { useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useNavigate } from 'react-router-dom';
+import { CardButton } from '../../components/Card/CardButton.js';
+import { useAccount } from '../../hooks/useAccount.js';
+import { AddressType, useAddressValidation, } from '../../hooks/useAddressValidation.js';
+import { useChain } from '../../hooks/useChain.js';
+import { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js';
+import { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js';
+import { useBookmarks } from '../../stores/bookmarks/useBookmarks.js';
+import { useFieldActions } from '../../stores/form/useFieldActions.js';
+import { useFieldValues } from '../../stores/form/useFieldValues.js';
+import { navigationRoutes } from '../../utils/navigationRoutes.js';
+import { BookmarkAddressSheet } from './BookmarkAddressSheet.js';
+import { ConfirmAddressSheet } from './ConfirmAddressSheet.js';
+import { AddressInput, SendToWalletButton, SendToWalletButtonRow, SendToWalletCard, SendToWalletIconButton, SendToWalletPageContainer, ValidationAlert, WalletNumber, } from './SendToWalletPage.style.js';
+export const SendToWalletPage = () => {
+    const { t } = useTranslation();
+    const navigate = useNavigate();
+    const bookmarkAddressSheetRef = useRef(null);
+    const confirmAddressSheetRef = useRef(null);
+    const { bookmarks, recentWallets } = useBookmarks();
+    const { addBookmark, getBookmark, setSelectedBookmark, getSelectedBookmark, addRecentWallet, } = useBookmarkActions();
+    const { setFieldValue } = useFieldActions();
+    const [inputAddressValue, setInputAddressValue] = useState(() => getSelectedBookmark()?.address ?? '');
+    const [validatedWallet, setValidatedWallet] = useState();
+    const [errorMessage, setErrorMessage] = useState('');
+    const { validateAddress, isValidating } = useAddressValidation();
+    const { accounts } = useAccount();
+    const connectedWallets = accounts.filter((account) => account.isConnected);
+    const { requiredToChainType } = useToAddressRequirements();
+    const [toChainId] = useFieldValues('toChain');
+    const { chain: toChain } = useChain(toChainId);
+    const [isDoneButtonLoading, setIsDoneButtonLoading] = useState(false);
+    const [isBookmarkButtonLoading, setIsBookmarkButtonLoading] = useState(false);
+    const handleInputChange = (e) => {
+        if (errorMessage) {
+            setErrorMessage('');
+        }
+        if (getSelectedBookmark()) {
+            setFieldValue('toAddress', '', { isTouched: true });
+            setSelectedBookmark();
+        }
+        setInputAddressValue(e.target.value.trim());
+    };
+    const handleDone = async () => {
+        if (isValidating) {
+            return;
+        }
+        if (!inputAddressValue) {
+            setErrorMessage(t('error.title.walletAddressRequired'));
+            return;
+        }
+        setIsDoneButtonLoading(true);
+        const validationResult = await validateAddress({
+            value: inputAddressValue,
+            chainType: requiredToChainType,
+            chain: toChain,
+        });
+        setIsDoneButtonLoading(false);
+        if (!validationResult.isValid) {
+            setErrorMessage(validationResult.error);
+            return;
+        }
+        if (requiredToChainType &&
+            requiredToChainType !== validationResult.chainType) {
+            setErrorMessage(t('error.title.walletChainTypeInvalid', {
+                chainName: toChain?.name,
+            }));
+            return;
+        }
+        setValidatedWallet({
+            name: validationResult.addressType === AddressType.NameService
+                ? inputAddressValue
+                : undefined,
+            address: validationResult.address,
+            chainType: validationResult.chainType,
+        });
+        confirmAddressSheetRef.current?.open();
+    };
+    const handleBookmarkAddress = async () => {
+        if (isValidating) {
+            return;
+        }
+        if (!inputAddressValue) {
+            setErrorMessage(t('error.title.walletAddressRequired'));
+            return;
+        }
+        const existingBookmarkWallet = getBookmark(inputAddressValue);
+        if (existingBookmarkWallet) {
+            setErrorMessage(t('error.title.bookmarkAlreadyExists', {
+                name: existingBookmarkWallet.name,
+            }));
+            return;
+        }
+        setIsBookmarkButtonLoading(true);
+        const validationResult = await validateAddress({
+            value: inputAddressValue,
+        });
+        setIsBookmarkButtonLoading(false);
+        if (validationResult.isValid) {
+            setValidatedWallet({
+                name: validationResult.addressType === AddressType.NameService
+                    ? inputAddressValue
+                    : undefined,
+                address: validationResult.address,
+                chainType: validationResult.chainType,
+            });
+            bookmarkAddressSheetRef.current?.open();
+        }
+        else {
+            setErrorMessage(validationResult.error);
+        }
+    };
+    const handleRecentWalletsClick = () => {
+        navigate(navigationRoutes.recentWallets);
+    };
+    const handleConnectedWalletsClick = () => {
+        navigate(navigationRoutes.connectedWallets);
+    };
+    const handleBookmarkedWalletsClick = () => {
+        navigate(navigationRoutes.bookmarks);
+    };
+    const handleAddBookmark = (bookmark) => {
+        addBookmark(bookmark);
+        navigate(navigationRoutes.bookmarks);
+    };
+    const handleOnConfirm = (confirmedWallet) => {
+        setSelectedBookmark(confirmedWallet);
+        addRecentWallet(confirmedWallet);
+    };
+    const placeholder = t('sendToWallet.enterAddress', {
+        context: 'long',
+    });
+    return (_jsxs(SendToWalletPageContainer, { topBottomGutters: true, children: [_jsxs(SendToWalletCard, { mb: 6, variant: errorMessage ? 'error' : 'default', children: [_jsx(AddressInput, { size: "small", autoComplete: "off", autoCorrect: "off", autoCapitalize: "off", spellCheck: "false", onChange: handleInputChange, value: inputAddressValue, placeholder: placeholder, "aria-label": placeholder, maxRows: 2, inputProps: { maxLength: 128 }, multiline: true }), errorMessage ? (_jsx(ValidationAlert, { icon: _jsx(Error, {}), sx: { pb: 2, paddingX: 2 }, children: errorMessage })) : null, _jsxs(SendToWalletButtonRow, { sx: { paddingX: 2, paddingBottom: 2 }, children: [_jsx(SendToWalletButton, { variant: "text", onClick: handleDone, loading: isDoneButtonLoading, loadingPosition: "center", sx: { flexGrow: 1 }, children: t('button.done') }), _jsx(Tooltip, { title: t('button.bookmark'), arrow: true, children: _jsx(SendToWalletIconButton, { onClick: handleBookmarkAddress, loading: isBookmarkButtonLoading, loadingPosition: "center", children: _jsx(TurnedIn, { fontSize: "small" }) }) })] }), _jsx(ConfirmAddressSheet, { ref: confirmAddressSheetRef, validatedBookmark: validatedWallet, onConfirm: handleOnConfirm }), _jsx(BookmarkAddressSheet, { ref: bookmarkAddressSheetRef, validatedWallet: validatedWallet, onAddBookmark: handleAddBookmark })] }), _jsx(CardButton, { title: t('header.recentWallets'), icon: _jsx(History, {}), onClick: handleRecentWalletsClick, children: !!recentWallets.length && (_jsx(WalletNumber, { children: recentWallets.length })) }), _jsx(CardButton, { title: t('sendToWallet.connectedWallets'), icon: _jsx(Wallet, {}), onClick: handleConnectedWalletsClick, children: !!connectedWallets.length && (_jsx(WalletNumber, { children: connectedWallets.length })) }), _jsx(CardButton, { title: t('header.bookmarkedWallets'), icon: _jsx(TurnedIn, {}), onClick: handleBookmarkedWalletsClick, children: !!bookmarks.length && _jsx(WalletNumber, { children: bookmarks.length }) })] }));
+};
+//# sourceMappingURL=SendToWalletPage.js.map

package/_esm/pages/SendToWallet/SendToWalletPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendToWalletPage.js","sourceRoot":"","sources":["../../../pages/SendToWallet/SendToWalletPage.tsx"],"names":[],"mappings":"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"}

package/_esm/pages/SendToWallet/SendToWalletPage.style.d.ts

@@ -0,0 +1,61 @@
+/// <reference types="react" resolution-mode="require"/>
+import type { Theme } from '@mui/material';
+import type { PageContainerProps } from '../../components/PageContainer.js';
+export declare const AddressInput: import("@emotion/styled").StyledComponent<import("@mui/material").InputBaseProps & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const BookmarkInputFields: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const SendToWalletPageContainer: import("@emotion/styled").StyledComponent<import("@mui/material").ContainerOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "fixed" | "maxWidth" | "children" | "sx" | "style" | "className" | "classes" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<Theme> & PageContainerProps, {}, {}>;
+export declare const SendToWalletCard: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme> & {
+    variant?: ("error" | "selected" | "default") | undefined;
+    selectionColor?: "primary" | "secondary" | undefined;
+    indented?: boolean | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    pointerEvents?: "auto" | "none" | undefined;
+} & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<Theme> | keyof import("@mui/material/OverridableComponent.js").CommonProps>, {}, {}>;
+export declare const SendToWalletSheetContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const SendToWalletButtonRow: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const SendToWalletButton: import("@emotion/styled").StyledComponent<import("@mui/lab").LoadingButtonOwnProps & Omit<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes">, "classes"> & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "color" | "children" | "sx" | "style" | "className" | "tabIndex" | "href" | "disabled" | "action" | "loading" | "size" | "classes" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon" | "loadingIndicator" | "loadingPosition"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const SendToWalletIconButton: import("@emotion/styled").StyledComponent<import("@mui/lab").LoadingButtonOwnProps & Omit<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes">, "classes"> & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "color" | "children" | "sx" | "style" | "className" | "tabIndex" | "href" | "disabled" | "action" | "loading" | "size" | "classes" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon" | "loadingIndicator" | "loadingPosition"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const WalletNumber: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "children" | "sx" | "style" | "className" | "align" | "classes" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const IconContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const SheetTitle: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "children" | "sx" | "style" | "className" | "align" | "classes" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const SheetAddressContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const ListContainer: import("@emotion/styled").StyledComponent<import("@mui/material").ListOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
+    ref?: ((instance: HTMLUListElement | null) => void) | import("react").RefObject<HTMLUListElement> | null | undefined;
+}, "children" | "sx" | "style" | "className" | "classes" | "dense" | "disablePadding" | "subheader"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const BookmarkButtonContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const EmptyContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const EmptyListMessage: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "children" | "sx" | "style" | "className" | "align" | "classes" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const ValidationAlert: import("@emotion/styled").StyledComponent<import("@mui/lab").AlertProps & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const OptionsMenuButton: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "color" | "children" | "sx" | "style" | "className" | "tabIndex" | "disabled" | "action" | "size" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;

package/_esm/pages/SendToWallet/SendToWalletPage.style.js

@@ -0,0 +1,147 @@
+import { LoadingButton, loadingButtonClasses } from '@mui/lab';
+import { Alert, Box, IconButton, List, Typography, alertClasses, inputBaseClasses, styled, } from '@mui/material';
+import { Card } from '../../components/Card/Card.js';
+import { Input } from '../../components/Input.js';
+import { PageContainer } from '../../components/PageContainer.js';
+import { getContrastAlphaColor } from '../../utils/colors.js';
+export const AddressInput = styled(Input)(({ theme }) => ({
+    padding: 0,
+    [`.${inputBaseClasses.input}`]: {
+        padding: theme.spacing(2),
+        minHeight: 48,
+    },
+}));
+export const BookmarkInputFields = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    flexDirection: 'column',
+    gap: theme.spacing(2),
+    width: '100%',
+}));
+export const SendToWalletPageContainer = styled(PageContainer)(({ theme }) => ({
+    display: 'flex',
+    flexDirection: 'column',
+    gap: theme.spacing(1),
+}));
+export const SendToWalletCard = styled(Card)(({ theme }) => ({
+    display: 'flex',
+    flexDirection: 'column',
+}));
+export const SendToWalletSheetContainer = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    padding: theme.spacing(4, 3, 3),
+    gap: theme.spacing(2),
+}));
+export const SendToWalletButtonRow = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    width: '100%',
+    gap: theme.spacing(1),
+}));
+const tertiaryButtonStyles = (theme) => ({
+    color: theme.palette.text.primary,
+    height: 40,
+    fontSize: 14,
+    backgroundColor: theme.palette.mode === 'light'
+        ? theme.palette.grey[200]
+        : theme.palette.grey[800],
+    '&:hover, &:active': {
+        backgroundColor: theme.palette.mode === 'light'
+            ? theme.palette.grey[300]
+            : theme.palette.grey[700],
+    },
+    [`&.${loadingButtonClasses.loading}:disabled`]: {
+        backgroundColor: theme.palette.mode === 'light'
+            ? theme.palette.grey[200]
+            : theme.palette.grey[800],
+    },
+    [`.${loadingButtonClasses.loadingIndicator}`]: {
+        color: theme.palette.text.primary,
+    },
+});
+export const SendToWalletButton = styled(LoadingButton)(({ theme }) => ({
+    ...tertiaryButtonStyles(theme),
+}));
+export const SendToWalletIconButton = styled(LoadingButton)(({ theme }) => ({
+    ...tertiaryButtonStyles(theme),
+    padding: theme.spacing(1.25),
+    minWidth: 40,
+}));
+export const WalletNumber = styled(Typography)(({ theme }) => ({
+    color: theme.palette.mode === 'light'
+        ? theme.palette.grey[600]
+        : theme.palette.grey[400],
+}));
+export const IconContainer = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    width: 80,
+    height: 80,
+    color: theme.palette.mode === 'light'
+        ? theme.palette.grey[700]
+        : theme.palette.grey[300],
+    background: theme.palette.mode === 'light'
+        ? theme.palette.grey[200]
+        : theme.palette.grey[800],
+    borderRadius: '50%',
+}));
+export const SheetTitle = styled(Typography)(() => ({
+    fontSize: 18,
+    fontWeight: 700,
+}));
+export const SheetAddressContainer = styled(Box)(() => ({
+    width: '100%',
+    wordWrap: 'break-word',
+}));
+export const ListContainer = styled(List)(({ theme }) => ({
+    display: 'flex',
+    flexDirection: 'column',
+    minHeight: 400,
+    paddingBottom: theme.spacing(3),
+}));
+export const BookmarkButtonContainer = styled(Box)(({ theme }) => ({
+    background: theme.palette.background.default,
+    display: 'flex',
+    flexDirection: 'column',
+    flexGrow: 1,
+    position: 'sticky',
+    bottom: 0,
+    padding: theme.spacing(0, 3, 3),
+    marginBottom: theme.spacing(-5.25),
+    zIndex: 2,
+}));
+export const EmptyContainer = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center',
+    alignItems: 'center',
+    flexGrow: 1,
+    gap: theme.spacing(2),
+}));
+export const EmptyListMessage = styled(Typography)(({ theme }) => ({
+    fontSize: 14,
+    fontWeight: 700,
+    color: theme.palette.mode === 'light'
+        ? theme.palette.grey[600]
+        : theme.palette.grey[400],
+}));
+export const ValidationAlert = styled(Alert)(({ theme }) => ({
+    backgroundColor: 'transparent',
+    padding: 0,
+    color: theme.palette.text.primary,
+    [`.${alertClasses.icon}`]: {
+        padding: 0,
+        color: theme.palette.error.main,
+    },
+    [`.${alertClasses.message}`]: { padding: theme.spacing(0.25, 0, 0, 0) },
+}));
+export const OptionsMenuButton = styled(IconButton)(({ theme }) => ({
+    position: 'absolute',
+    top: theme.spacing(1.75),
+    right: theme.spacing(2),
+    '&:hover': {
+        backgroundColor: getContrastAlphaColor(theme.palette.mode, '4%'),
+    },
+}));
+//# sourceMappingURL=SendToWalletPage.style.js.map

package/_esm/pages/SendToWallet/SendToWalletPage.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendToWalletPage.style.js","sourceRoot":"","sources":["../../../pages/SendToWallet/SendToWalletPage.style.tsx"],"names":[],"mappings":"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"}