@lifi/widget 3.7.0-beta.10 → 3.7.0-beta.12

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

@@ -0,0 +1,147 @@
+import { Error as ErrorIcon, Info, TurnedIn } from '@mui/icons-material';
+import { LoadingButton } from '@mui/lab';
+import { Button, Typography } from '@mui/material';
+import { forwardRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { AlertMessage } from '../../components/AlertMessage/AlertMessage.js';
+import { BottomSheet } from '../../components/BottomSheet/BottomSheet.js';
+import { Input } from '../../components/Input.js';
+import { useAddressValidation } from '../../hooks/useAddressValidation.js';
+import { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js';
+import { AddressInput, BookmarkInputFields, IconContainer, SendToWalletButtonRow, SendToWalletCard, SendToWalletSheetContainer, SheetAddressContainer, SheetTitle, ValidationAlert, } from './SendToWalletPage.style.js';
+export const BookmarkAddressSheet = forwardRef(({ validatedWallet, onAddBookmark }, ref) => {
+    const { t } = useTranslation();
+    const [name, setName] = useState('');
+    const [address, setAddress] = useState('');
+    const [error, setError] = useState();
+    const { validateAddress, isValidating } = useAddressValidation();
+    const { getBookmark } = useBookmarkActions();
+    const nameValue = name.trim() || validatedWallet?.name || '';
+    const addressValue = address || validatedWallet?.address || '';
+    const handleCancel = () => {
+        setError(undefined);
+        ref.current?.close();
+    };
+    const validateWithAddressFromInput = async () => {
+        const validationResult = await validateAddress({ value: address });
+        if (!validationResult.isValid) {
+            setError({ type: 'address', message: validationResult.error });
+            return;
+        }
+        return {
+            name: nameValue,
+            address: validationResult.address,
+            chainType: validationResult.chainType,
+        };
+    };
+    const validateWithValidatedWallet = (validatedWallet) => {
+        if (error) {
+            setError(undefined);
+        }
+        return {
+            name: nameValue,
+            address: validatedWallet.address,
+            chainType: validatedWallet.chainType,
+        };
+    };
+    const handleBookmark = async () => {
+        if (isValidating) {
+            return;
+        }
+        if (!nameValue) {
+            setError({
+                type: 'name',
+                message: t('error.title.bookmarkNameRequired'),
+            });
+            return;
+        }
+        if (!addressValue) {
+            setError({
+                type: 'address',
+                message: t('error.title.walletAddressRequired'),
+            });
+            return;
+        }
+        //  If the validatedWallet is supplied as a prop then we should assume
+        //  the address has already been validated
+        const validatedBookmark = validatedWallet
+            ? validateWithValidatedWallet(validatedWallet)
+            : await validateWithAddressFromInput();
+        if (validatedBookmark) {
+            const existingBookmark = getBookmark(validatedBookmark.address);
+            if (existingBookmark) {
+                setError({
+                    type: 'address',
+                    message: t('error.title.bookmarkAlreadyExists', {
+                        name: existingBookmark.name,
+                    }),
+                });
+                return;
+            }
+            ;
+            ref.current?.close();
+            onAddBookmark({
+                name: validatedBookmark.name,
+                address: validatedBookmark.address,
+                chainType: validatedBookmark.chainType,
+            });
+        }
+    };
+    const handleAddressInputChange = (e) => {
+        if (error) {
+            setError(undefined);
+        }
+        setAddress(e.target.value.trim());
+    };
+    const handleNameInputChange = (e) => {
+        if (error) {
+            setError(undefined);
+        }
+        setName(e.target.value);
+    };
+    const resetValues = () => {
+        setName('');
+        setAddress('');
+    };
+    return (<BottomSheet ref={ref} onClose={resetValues}>
+      <SendToWalletSheetContainer>
+        <IconContainer>
+          <TurnedIn sx={{ fontSize: 40 }}/>
+        </IconContainer>
+        <SheetTitle>{t('sendToWallet.bookmarkWallet')}</SheetTitle>
+        {validatedWallet ? (<SheetAddressContainer>
+            {validatedWallet?.name ? (<Typography fontWeight={600} mb={0.5}>
+                {validatedWallet?.name}
+              </Typography>) : null}
+            <Typography>{validatedWallet?.address}</Typography>
+          </SheetAddressContainer>) : null}
+        <BookmarkInputFields>
+          <SendToWalletCard type={error?.type === 'name' ? 'error' : 'default'}>
+            <Input size="small" autoComplete="off" autoCorrect="off" autoCapitalize="off" spellCheck="false" onChange={handleNameInputChange} value={name} placeholder={validatedWallet?.name || t('sendToWallet.enterName')} aria-label={validatedWallet?.name || t('sendToWallet.enterName')} inputProps={{ maxLength: 128 }}/>
+          </SendToWalletCard>
+          {!validatedWallet && (<SendToWalletCard type={error?.type === 'address' ? 'error' : 'default'}>
+              <AddressInput size="small" autoComplete="off" autoCorrect="off" autoCapitalize="off" spellCheck="false" onChange={handleAddressInputChange} value={address} placeholder={t('sendToWallet.enterAddress', {
+                context: 'long',
+            })} aria-label={t('sendToWallet.enterAddress', {
+                context: 'long',
+            })} maxRows={2} inputProps={{ maxLength: 128 }} multiline/>
+            </SendToWalletCard>)}
+          {error ? (<ValidationAlert icon={<ErrorIcon />}>
+              {error.message}
+            </ValidationAlert>) : null}
+        </BookmarkInputFields>
+        <AlertMessage title={<Typography variant="body2">
+              {t('info.message.fundsToExchange')}
+            </Typography>} icon={<Info />}/>
+        <SendToWalletButtonRow>
+          <Button variant="text" onClick={handleCancel} fullWidth>
+            {t('button.cancel')}
+          </Button>
+          <LoadingButton variant="contained" onClick={handleBookmark} loading={isValidating} loadingPosition="center" fullWidth focusRipple>
+            {t('button.bookmark')}
+          </LoadingButton>
+        </SendToWalletButtonRow>
+      </SendToWalletSheetContainer>
+    </BottomSheet>);
+});
+//# sourceMappingURL=BookmarkAddressSheet.jsx.map

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

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

package/dist/esm/pages/SendToWallet/BookmarksPage.d.ts

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

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

@@ -0,0 +1,131 @@
+import { ContentCopyRounded, DeleteOutline, MoreHoriz, OpenInNewRounded, TurnedIn, } from '@mui/icons-material';
+import { Button, 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 { ListItemButton } from '../../components/ListItem//ListItemButton.js';
+import { ListItem } from '../../components/ListItem/ListItem.js';
+import { Menu } from '../../components/Menu.js';
+import { useExplorer } from '../../hooks/useExplorer.js';
+import { useHeader } from '../../hooks/useHeader.js';
+import { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js';
+import { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.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 { shortenAddress } from '../../utils/wallet.js';
+import { BookmarkAddressSheet } from './BookmarkAddressSheet.js';
+import { EmptyListIndicator } from './EmptyListIndicator.js';
+import { BookmarkButtonContainer, BookmarksListContainer, FullHeightAdjustablePageContainer, OptionsMenuButton, } from './SendToWalletPage.style.js';
+export const BookmarksPage = () => {
+    const { t } = useTranslation();
+    const [bookmark, setBookmark] = useState();
+    const bookmarkAddressSheetRef = useRef(null);
+    const { bookmarks } = useBookmarks();
+    const { requiredToChainType } = useToAddressRequirements();
+    const { addBookmark, removeBookmark, setSelectedBookmark } = useBookmarkActions();
+    const navigate = useNavigate();
+    const { setFieldValue } = useFieldActions();
+    const { setSendToWallet } = useSendToWalletActions();
+    const { variant } = useWidgetConfig();
+    const { getAddressLink } = useExplorer();
+    useHeader(t('header.bookmarkedWallets'));
+    const handleAddBookmark = () => {
+        bookmarkAddressSheetRef.current?.open();
+    };
+    const handleBookmarkSelected = (bookmark) => {
+        setFieldValue('toAddress', bookmark.address, {
+            isTouched: true,
+        });
+        setSelectedBookmark(bookmark);
+        setSendToWallet(true);
+        navigate('../../', {
+            relative: 'path',
+            replace: true,
+        });
+    };
+    const moreMenuId = useId();
+    const [moreMenuAnchorEl, setMenuAnchorEl] = useState();
+    const open = Boolean(moreMenuAnchorEl);
+    const closeMenu = () => {
+        setMenuAnchorEl(null);
+    };
+    const handleMenuOpen = (el, bookmark) => {
+        setMenuAnchorEl(el);
+        setBookmark(bookmark);
+    };
+    const handleCopyAddress = () => {
+        if (bookmark) {
+            navigator.clipboard.writeText(bookmark.address);
+        }
+        closeMenu();
+    };
+    const handleViewOnExplorer = () => {
+        if (bookmark) {
+            window.open(getAddressLink(bookmark.address, defaultChainIdsByType[bookmark.chainType]), '_blank');
+        }
+        closeMenu();
+    };
+    const handleRemoveBookmark = () => {
+        if (bookmark) {
+            removeBookmark(bookmark.address);
+        }
+        closeMenu();
+    };
+    return (<FullHeightAdjustablePageContainer disableGutters enableFullHeight={variant !== 'drawer'}>
+      <BookmarksListContainer>
+        {bookmarks.map((bookmark) => (<ListItem key={bookmark.address} sx={{ position: 'relative' }}>
+            <ListItemButton onClick={() => handleBookmarkSelected(bookmark)} disabled={requiredToChainType &&
+                requiredToChainType !== bookmark.chainType}>
+              <ListItemAvatar>
+                <AccountAvatar chainId={defaultChainIdsByType[bookmark.chainType]}/>
+              </ListItemAvatar>
+              <ListItemText primary={bookmark.name} secondary={shortenAddress(bookmark.address)}/>
+            </ListItemButton>
+            <OptionsMenuButton aria-label={t('button.options')} aria-controls={open && bookmark.address === bookmark?.address
+                ? moreMenuId
+                : undefined} aria-haspopup="true" aria-expanded={open ? 'true' : undefined} onClick={(e) => handleMenuOpen(e.target, bookmark)} sx={{
+                opacity: requiredToChainType &&
+                    requiredToChainType !== bookmark.chainType
+                    ? 0.5
+                    : 1,
+            }}>
+              <MoreHoriz fontSize="small"/>
+            </OptionsMenuButton>
+          </ListItem>))}
+        {!bookmarks.length && (<EmptyListIndicator icon={<TurnedIn sx={{ fontSize: 48 }}/>}>
+            {t('sendToWallet.noBookmarkedWallets')}
+          </EmptyListIndicator>)}
+        <Menu id={moreMenuId} elevation={0} anchorOrigin={{
+            vertical: 'bottom',
+            horizontal: 'right',
+        }} transformOrigin={{
+            vertical: 'top',
+            horizontal: 'right',
+        }} anchorEl={moreMenuAnchorEl} open={open} onClose={closeMenu}>
+          <MenuItem onClick={handleCopyAddress}>
+            <ContentCopyRounded />
+            {t('button.copyAddress')}
+          </MenuItem>
+          <MenuItem onClick={handleViewOnExplorer}>
+            <OpenInNewRounded />
+            {t('button.viewOnExplorer')}
+          </MenuItem>
+          <MenuItem onClick={handleRemoveBookmark}>
+            <DeleteOutline />
+            {t('button.delete')}
+          </MenuItem>
+        </Menu>
+      </BookmarksListContainer>
+      <BookmarkButtonContainer>
+        <Button variant="contained" onClick={handleAddBookmark}>
+          {t('sendToWallet.addBookmark')}
+        </Button>
+      </BookmarkButtonContainer>
+      <BookmarkAddressSheet ref={bookmarkAddressSheetRef} onAddBookmark={addBookmark}/>
+    </FullHeightAdjustablePageContainer>);
+};
+//# sourceMappingURL=BookmarksPage.jsx.map

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

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

package/dist/esm/pages/SendToWallet/ConfirmAddressSheet.d.ts

@@ -0,0 +1,8 @@
+import type { BottomSheetBase } from '../../components/BottomSheet/types.js';
+import type { Bookmark } from '../../stores/bookmarks/types.js';
+interface ConfirmAddressSheetProps {
+    onConfirm: (wallet: Bookmark) => void;
+    validatedBookmark?: Bookmark;
+}
+export declare const ConfirmAddressSheet: import("react").ForwardRefExoticComponent<ConfirmAddressSheetProps & import("react").RefAttributes<BottomSheetBase>>;
+export {};

package/dist/esm/pages/SendToWallet/ConfirmAddressSheet.jsx

@@ -0,0 +1,57 @@
+import { Info, Wallet } from '@mui/icons-material';
+import { Button, Typography } from '@mui/material';
+import { forwardRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { AlertMessage } from '../../components/AlertMessage/AlertMessage.js';
+import { BottomSheet } from '../../components/BottomSheet/BottomSheet.js';
+import { useNavigateBack } from '../../hooks/useNavigateBack.js';
+import { useFieldActions } from '../../stores/form/useFieldActions.js';
+import { useSendToWalletActions } from '../../stores/settings/useSendToWalletStore.js';
+import { IconContainer, SendToWalletButtonRow, SendToWalletSheetContainer, SheetAddressContainer, SheetTitle, } from './SendToWalletPage.style.js';
+export const ConfirmAddressSheet = forwardRef(({ validatedBookmark, onConfirm }, ref) => {
+    const { t } = useTranslation();
+    const { navigateBack } = useNavigateBack();
+    const { setFieldValue } = useFieldActions();
+    const { setSendToWallet } = useSendToWalletActions();
+    const handleClose = () => {
+        ;
+        ref.current?.close();
+    };
+    const handleConfirm = () => {
+        if (validatedBookmark) {
+            setFieldValue('toAddress', validatedBookmark.address, {
+                isTouched: true,
+            });
+            onConfirm?.(validatedBookmark);
+            setSendToWallet(true);
+            handleClose();
+            navigateBack();
+        }
+    };
+    return (<BottomSheet ref={ref}>
+      <SendToWalletSheetContainer>
+        <IconContainer>
+          <Wallet sx={{ fontSize: 40 }}/>
+        </IconContainer>
+        <SheetTitle>{t('sendToWallet.confirmWalletAddress')}</SheetTitle>
+        <SheetAddressContainer>
+          {validatedBookmark?.name ? (<Typography fontWeight={600} mb={0.5}>
+              {validatedBookmark?.name}
+            </Typography>) : null}
+          <Typography>{validatedBookmark?.address}</Typography>
+        </SheetAddressContainer>
+        <AlertMessage title={<Typography variant="body2">
+              {t('info.message.fundsToExchange')}
+            </Typography>} icon={<Info />}/>
+        <SendToWalletButtonRow>
+          <Button variant="text" onClick={handleClose} fullWidth>
+            {t('button.cancel')}
+          </Button>
+          <Button variant="contained" onClick={handleConfirm} fullWidth>
+            {t('button.confirm')}
+          </Button>
+        </SendToWalletButtonRow>
+      </SendToWalletSheetContainer>
+    </BottomSheet>);
+});
+//# sourceMappingURL=ConfirmAddressSheet.jsx.map

package/dist/esm/pages/SendToWallet/ConfirmAddressSheet.jsx.map

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

package/dist/esm/pages/SendToWallet/ConnectedWalletsPage.d.ts

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

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

@@ -0,0 +1,117 @@
+import { useAccount } from '@lifi/wallet-management';
+import { ContentCopyRounded, MoreHoriz, OpenInNewRounded, TurnedIn, } 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 { useExplorer } from '../../hooks/useExplorer.js';
+import { useHeader } from '../../hooks/useHeader.js';
+import { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js';
+import { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js';
+import { useFieldActions } from '../../stores/form/useFieldActions.js';
+import { useSendToWalletActions } from '../../stores/settings/useSendToWalletStore.js';
+import { shortenAddress } from '../../utils/wallet.js';
+import { EmptyListIndicator } from './EmptyListIndicator.js';
+import { ListContainer, OptionsMenuButton, SendToWalletPageContainer, } from './SendToWalletPage.style.js';
+export const ConnectedWalletsPage = () => {
+    const { t } = useTranslation();
+    const [selectedAccount, setSelectedAccount] = useState();
+    const { accounts } = useAccount();
+    const { setSelectedBookmark } = useBookmarkActions();
+    const { requiredToChainType } = useToAddressRequirements();
+    const navigate = useNavigate();
+    const { setFieldValue } = useFieldActions();
+    const { setSendToWallet } = useSendToWalletActions();
+    const [moreMenuAnchorEl, setMenuAnchorEl] = useState();
+    const moreMenuId = useId();
+    const open = Boolean(moreMenuAnchorEl);
+    const { getAddressLink } = useExplorer();
+    useHeader(t('sendToWallet.connectedWallets'));
+    const handleWalletSelected = (account) => {
+        setFieldValue('toAddress', account.address, {
+            isTouched: true,
+        });
+        setSelectedBookmark({
+            name: account.connector?.name,
+            address: account.address,
+            chainType: account.chainType,
+            isConnectedAccount: true,
+        });
+        setSendToWallet(true);
+        navigate('../../', {
+            relative: 'path',
+            replace: true,
+        });
+    };
+    const closeMenu = () => {
+        setMenuAnchorEl(null);
+    };
+    const handleMenuOpen = (el, connectedWallet) => {
+        setMenuAnchorEl(el);
+        setSelectedAccount(connectedWallet);
+    };
+    const handleCopyAddress = () => {
+        if (selectedAccount?.address) {
+            navigator.clipboard.writeText(selectedAccount.address);
+        }
+        closeMenu();
+    };
+    const handleViewOnExplorer = () => {
+        if (selectedAccount?.chainId) {
+            if (selectedAccount.address) {
+                window.open(getAddressLink(selectedAccount.address, selectedAccount.chainId), '_blank');
+            }
+        }
+        closeMenu();
+    };
+    return (<SendToWalletPageContainer disableGutters>
+      <ListContainer>
+        {accounts.map((account) => {
+            const walletAddress = shortenAddress(account.address);
+            return (<ListItem key={account.address} sx={{ position: 'relative' }}>
+              <ListItemButton onClick={() => handleWalletSelected(account)} disabled={requiredToChainType &&
+                    requiredToChainType !== account.chainType}>
+                <ListItemAvatar>
+                  <AccountAvatar chainId={account.chainId} account={account}/>
+                </ListItemAvatar>
+                <ListItemText primary={account.connector?.name} secondary={walletAddress}/>
+              </ListItemButton>
+              <OptionsMenuButton aria-label={t('button.options')} aria-controls={open && account.address === selectedAccount?.address
+                    ? moreMenuId
+                    : undefined} aria-haspopup="true" aria-expanded={open ? 'true' : undefined} onClick={(e) => handleMenuOpen(e.target, account)} sx={{
+                    opacity: requiredToChainType &&
+                        requiredToChainType !== account.chainType
+                        ? 0.5
+                        : 1,
+                }}>
+                <MoreHoriz fontSize="small"/>
+              </OptionsMenuButton>
+            </ListItem>);
+        })}
+        {!accounts.length && (<EmptyListIndicator icon={<TurnedIn sx={{ fontSize: 48 }}/>}>
+            {t('sendToWallet.noConnectedWallets')}
+          </EmptyListIndicator>)}
+        <Menu id={moreMenuId} elevation={0} anchorOrigin={{
+            vertical: 'bottom',
+            horizontal: 'right',
+        }} transformOrigin={{
+            vertical: 'top',
+            horizontal: 'right',
+        }} anchorEl={moreMenuAnchorEl} open={open} onClose={closeMenu}>
+          <MenuItem onClick={handleCopyAddress}>
+            <ContentCopyRounded />
+            {t('button.copyAddress')}
+          </MenuItem>
+          <MenuItem onClick={handleViewOnExplorer}>
+            <OpenInNewRounded />
+            {t('button.viewOnExplorer')}
+          </MenuItem>
+        </Menu>
+      </ListContainer>
+    </SendToWalletPageContainer>);
+};
+//# sourceMappingURL=ConnectedWalletsPage.jsx.map

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

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

package/dist/esm/pages/SendToWallet/EmptyListIndicator.d.ts

@@ -0,0 +1,6 @@
+import type { PropsWithChildren, ReactNode } from 'react';
+interface EmptyListIndicatorProps extends PropsWithChildren {
+    icon: ReactNode;
+}
+export declare const EmptyListIndicator: ({ icon, children, }: EmptyListIndicatorProps) => import("react").JSX.Element;
+export {};

package/dist/esm/pages/SendToWallet/EmptyListIndicator.jsx

@@ -0,0 +1,9 @@
+import { Typography } from '@mui/material';
+import { EmptyContainer, IconContainer } from './SendToWalletPage.style.js';
+export const EmptyListIndicator = ({ icon, children, }) => (<EmptyContainer>
+    <IconContainer>{icon}</IconContainer>
+    <Typography fontSize={14} fontWeight={700} color="text.secondary">
+      {children}
+    </Typography>
+  </EmptyContainer>);
+//# sourceMappingURL=EmptyListIndicator.jsx.map

package/dist/esm/pages/SendToWallet/EmptyListIndicator.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyListIndicator.jsx","sourceRoot":"","sources":["../../../../src/pages/SendToWallet/EmptyListIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAK3E,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,IAAI,EACJ,QAAQ,GACgB,EAAE,EAAE,CAAC,CAC7B,CAAC,cAAc,CACb;IAAA,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,EAAE,aAAa,CACpC;IAAA,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAC/D;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,UAAU,CACd;EAAA,EAAE,cAAc,CAAC,CAClB,CAAA"}

package/dist/esm/pages/SendToWallet/RecentWalletsPage.d.ts

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