@lifi/widget 3.0.0-alpha.2 → 3.0.0-alpha.21

package/_esm/pages/SendToWallet/RecentWalletsPage.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ContentCopyIcon from '@mui/icons-material/esm/ContentCopy';
+import DeleteIcon from '@mui/icons-material/esm/Delete';
+import MoreHorizIcon from '@mui/icons-material/esm/MoreHoriz';
+import OpenInNewIcon from '@mui/icons-material/esm/OpenInNew';
+import TurnedInIcon from '@mui/icons-material/esm/TurnedIn';
+import WalletIcon from '@mui/icons-material/esm/Wallet';
+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/AccountAvatar';
+import { ListItem, ListItemButton } from '../../components/ListItem';
+import { Menu } from '../../components/Menu';
+import { useChains, useToAddressRequirements } from '../../hooks';
+import { useBookmarkActions, useBookmarks } from '../../stores';
+import { defaultChainIdsByType, navigationRoutes, shortenAddress, } from '../../utils';
+import { BookmarkAddressSheet } from './BookmarkAddressSheet';
+import { ConfirmAddressSheet } from './ConfirmAddressSheet';
+import { EmptyListIndicator } from './EmptyListIndicator';
+import { ListContainer, OptionsMenuButton, SendToWalletPageContainer, } from './SendToWalletPage.style';
+export const RecentWalletsPage = () => {
+    const { t } = useTranslation();
+    const navigate = useNavigate();
+    const [selectedRecent, setSelectedRecent] = useState();
+    const bookmarkAddressSheetRef = useRef(null);
+    const confirmAddressSheetRef = useRef(null);
+    const { recentWallets } = useBookmarks();
+    const { requiredToChainType } = useToAddressRequirements();
+    const { removeRecentWallet, addBookmark, setSelectedBookmark, addRecentWallet, } = useBookmarkActions();
+    const { getChainById } = useChains();
+    const moreMenuId = useId();
+    const [moreMenuAnchorEl, setMenuAnchorEl] = useState();
+    const open = Boolean(moreMenuAnchorEl);
+    const handleRecentSelected = (recentWallet) => {
+        setSelectedRecent(recentWallet);
+        confirmAddressSheetRef.current?.open();
+    };
+    const handleAddBookmark = (bookmark) => {
+        addBookmark(bookmark);
+        navigate(`../${navigationRoutes.bookmarks}`, {
+            relative: 'path',
+            replace: true,
+        });
+    };
+    const handleOnConfirm = (confirmedBookmark) => {
+        setSelectedBookmark(confirmedBookmark);
+        addRecentWallet(confirmedBookmark);
+    };
+    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(MoreHorizIcon, { fontSize: "small" }) })] }, recentWallet.address))), !recentWallets.length && (_jsx(EmptyListIndicator, { icon: _jsx(WalletIcon, { 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(ContentCopyIcon, {}), t('button.copyAddress')] }), _jsxs(MenuItem, { onClick: handleViewOnExplorer, children: [_jsx(OpenInNewIcon, {}), t('button.viewOnExplorer')] }), _jsxs(MenuItem, { onClick: handleOpenBookmarkSheet, children: [_jsx(TurnedInIcon, {}), t('button.bookmark')] }), _jsxs(MenuItem, { onClick: handleRemoveRecentWallet, children: [_jsx(DeleteIcon, {}), t('button.delete')] })] })] }), _jsx(BookmarkAddressSheet, { ref: bookmarkAddressSheetRef, validatedWallet: selectedRecent, onAddBookmark: handleAddBookmark }), _jsx(ConfirmAddressSheet, { ref: confirmAddressSheetRef, validatedBookmark: selectedRecent, onConfirm: handleOnConfirm })] }));
+};
+//# 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,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ContentCopyIcon from '@mui/icons-material/esm/ContentCopy';
+import MoreHorizIcon from '@mui/icons-material/esm/MoreHoriz';
+import OpenInNewIcon from '@mui/icons-material/esm/OpenInNew';
+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/AccountAvatar';
+import { ListItem, ListItemButton } from '../../components/ListItem';
+import { Menu } from '../../components/Menu';
+import { useChains, useToAddressRequirements } from '../../hooks';
+import { useBookmarkActions, useFieldActions } from '../../stores';
+import { defaultChainIdsByType, navigationRoutes, shortenAddress, } from '../../utils';
+import { ListContainer, OptionsMenuButton, SendToWalletPageContainer, } from './SendToWalletPage.style';
+import { useWidgetConfig } from '../../providers';
+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(MoreHorizIcon, { 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(ContentCopyIcon, {}), t('button.copyAddress')] }), _jsxs(MenuItem, { onClick: handleViewOnExplorer, children: [_jsx(OpenInNewIcon, {}), 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":"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"}

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,115 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ErrorIcon from '@mui/icons-material/esm/Error';
+import HistoryIcon from '@mui/icons-material/esm/History';
+import TurnedInIcon from '@mui/icons-material/esm/TurnedIn';
+import WalletIcon from '@mui/icons-material/esm/Wallet';
+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';
+import { useAccount, useAddressValidation, useChain, useToAddressRequirements, } from '../../hooks';
+import { useBookmarkActions, useBookmarks, useFieldValues } from '../../stores';
+import { navigationRoutes } from '../../utils';
+import { BookmarkAddressSheet } from './BookmarkAddressSheet';
+import { ConfirmAddressSheet } from './ConfirmAddressSheet';
+import { AddressInput, SendToWalletButton, SendToWalletButtonRow, SendToWalletCard, SendToWalletIconButton, SendToWalletPageContainer, ValidationAlert, WalletNumber, } from './SendToWalletPage.style';
+export const SendToWalletPage = () => {
+    const { t } = useTranslation();
+    const navigate = useNavigate();
+    const { bookmarks, recentWallets } = useBookmarks();
+    const { addBookmark, getBookmark, setSelectedBookmark, addRecentWallet } = useBookmarkActions();
+    const bookmarkAddressSheetRef = useRef(null);
+    const confirmAddressSheetRef = useRef(null);
+    const [inputAddressValue, setInputAddressValue] = useState('');
+    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 handleInputChange = (e) => {
+        if (errorMessage) {
+            setErrorMessage('');
+        }
+        setInputAddressValue(e.target.value.trim());
+    };
+    const handleDone = async () => {
+        if (isValidating) {
+            return;
+        }
+        if (!inputAddressValue) {
+            setErrorMessage(t('error.title.addressRequired'));
+            return;
+        }
+        const validationResult = await validateAddress(inputAddressValue);
+        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 === 'ENS' ? inputAddressValue : undefined,
+            address: validationResult.address,
+            chainType: validationResult.chainType,
+        });
+        confirmAddressSheetRef.current?.open();
+    };
+    const handleBookmarkAddress = async () => {
+        if (isValidating) {
+            return;
+        }
+        if (!inputAddressValue) {
+            setErrorMessage(t('error.title.addressRequired'));
+            return;
+        }
+        const existingBookmarkWallet = getBookmark(inputAddressValue);
+        if (existingBookmarkWallet) {
+            setErrorMessage(t('error.title.bookmarkAlreadyExists', {
+                name: existingBookmarkWallet.name,
+            }));
+            return;
+        }
+        const validationResult = await validateAddress(inputAddressValue);
+        if (validationResult.isValid) {
+            setValidatedWallet({
+                name: validationResult.addressType === 'ENS'
+                    ? 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);
+    };
+    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: t('sendToWallet.enterAddress'), "aria-label": t('sendToWallet.enterAddress'), maxRows: 2, inputProps: { maxLength: 128 }, multiline: true }), errorMessage ? (_jsx(ValidationAlert, { icon: _jsx(ErrorIcon, {}), sx: { pb: 2, paddingX: 2 }, children: errorMessage })) : null, _jsxs(SendToWalletButtonRow, { sx: { paddingX: 2, paddingBottom: 2 }, children: [_jsx(SendToWalletButton, { variant: "text", onClick: handleDone, sx: { flexGrow: 1 }, children: t('button.done') }), _jsx(Tooltip, { title: t('button.bookmark'), arrow: true, children: _jsx(SendToWalletIconButton, { onClick: handleBookmarkAddress, children: _jsx(TurnedInIcon, { 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(HistoryIcon, {}), onClick: handleRecentWalletsClick, children: !!recentWallets.length && (_jsx(WalletNumber, { children: recentWallets.length })) }), _jsx(CardButton, { title: t('sendToWallet.connectedWallets'), icon: _jsx(WalletIcon, {}), onClick: handleConnectedWalletsClick, children: !!connectedWallets.length && (_jsx(WalletNumber, { children: connectedWallets.length })) }), _jsx(CardButton, { title: t('header.bookmarkedWallets'), icon: _jsx(TurnedInIcon, {}), 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" />
+import type { Theme } from '@mui/material';
+import type { PageContainerProps } from '../../components/PageContainer';
+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").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").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").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/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").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" | "size" | "classes" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const SendToWalletIconButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").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" | "size" | "classes" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const WalletNumber: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").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").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").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").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/material").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").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,143 @@
+import { Alert, Box, Button, IconButton, List, Typography, alertClasses, inputBaseClasses, styled, } from '@mui/material';
+import { Card } from '../../components/Card';
+import { Input } from '../../components/Input';
+import { PageContainer } from '../../components/PageContainer';
+import { getContrastAlphaColor } from '../../utils';
+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': {
+        backgroundColor: theme.palette.mode === 'light'
+            ? theme.palette.grey[300]
+            : theme.palette.grey[700],
+    },
+    '&:active': {
+        backgroundColor: theme.palette.mode === 'light'
+            ? theme.palette.grey[300]
+            : theme.palette.grey[700],
+    },
+});
+export const SendToWalletButton = styled(Button)(({ theme }) => ({
+    ...tertiaryButtonStyles(theme),
+}));
+export const SendToWalletIconButton = styled(Button)(({ 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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"}

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

@@ -0,0 +1,5 @@
+export * from './BookmarksPage';
+export * from './ConnectedWalletsPage';
+export * from './RecentWalletsPage';
+export * from './SendToWalletPage';
+export * from './SendToConfiguredWalletPage';

package/_esm/pages/SendToWallet/index.js

@@ -0,0 +1,6 @@
+export * from './BookmarksPage';
+export * from './ConnectedWalletsPage';
+export * from './RecentWalletsPage';
+export * from './SendToWalletPage';
+export * from './SendToConfiguredWalletPage';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../pages/SendToWallet/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,8BAA8B,CAAC"}

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

@@ -0,0 +1,4 @@
+export interface BookmarkError {
+    type: 'name' | 'address';
+    message: string;
+}

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../pages/SendToWallet/types.ts"],"names":[],"mappings":""}

package/_esm/pages/SettingsPage/BridgeAndExchangeSettings.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const BridgeAndExchangeSettings: React.FC<{
+    type: 'Bridges' | 'Exchanges';
+}>;