@lifi/widget 4.0.0-alpha.4 → 4.0.0-alpha.5

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

@@ -1,117 +1,176 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import ErrorIcon from '@mui/icons-material/Error';
-import TurnedIn from '@mui/icons-material/TurnedIn';
-import WarningRounded from '@mui/icons-material/WarningRounded';
-import { Button, Typography } from '@mui/material';
-import { forwardRef, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { BottomSheet } from '../../components/BottomSheet/BottomSheet.js';
-import { Input } from '../../components/Input.js';
-import { AlertMessage } from '../../components/Messages/AlertMessage.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 (_jsx(BottomSheet, { ref: ref, onClose: resetValues, children: _jsxs(SendToWalletSheetContainer, { children: [_jsx(IconContainer, { children: _jsx(TurnedIn, { sx: { fontSize: 40 } }) }), _jsx(SheetTitle, { children: t('sendToWallet.bookmarkWallet') }), validatedWallet ? (_jsxs(SheetAddressContainer, { children: [validatedWallet?.name ? (_jsx(Typography, { sx: {
-                                fontWeight: 600,
-                                mb: 0.5,
-                            }, children: validatedWallet?.name })) : null, _jsx(Typography, { children: validatedWallet?.address })] })) : null, _jsxs(BookmarkInputFields, { children: [_jsx(SendToWalletCard, { type: error?.type === 'name' ? 'error' : 'default', children: _jsx(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 } }) }), !validatedWallet && (_jsx(SendToWalletCard, { type: error?.type === 'address' ? 'error' : 'default', children: _jsx(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: true }) })), error ? (_jsx(ValidationAlert, { icon: _jsx(ErrorIcon, {}), children: error.message })) : null] }), _jsx(AlertMessage, { title: _jsx(Typography, { variant: "body2", sx: { color: 'text.primary' }, children: t('warning.message.fundsLossPrevention') }), icon: _jsx(WarningRounded, {}) }), _jsxs(SendToWalletButtonRow, { children: [_jsx(Button, { variant: "text", onClick: handleCancel, fullWidth: true, children: t('button.cancel') }), _jsx(Button, { variant: "contained", onClick: handleBookmark, loading: isValidating, loadingPosition: "center", fullWidth: true, focusRipple: true, children: t('button.bookmark') })] })] }) }));
+import { useBookmarkActions } from "../../stores/bookmarks/useBookmarkActions.js";
+import { Input } from "../../components/Input.js";
+import { useAddressValidation } from "../../hooks/useAddressValidation.js";
+import { AlertMessage } from "../../components/Messages/AlertMessage.js";
+import { BottomSheet } from "../../components/BottomSheet/BottomSheet.js";
+import { AddressInput, BookmarkInputFields, IconContainer, SendToWalletButtonRow, SendToWalletCard, SendToWalletSheetContainer, SheetAddressContainer, SheetTitle, ValidationAlert } from "./SendToWalletPage.style.js";
+import { forwardRef, useState } from "react";
+import { Button, Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import WarningRounded from "@mui/icons-material/WarningRounded";
+import TurnedIn from "@mui/icons-material/TurnedIn";
+import ErrorIcon from "@mui/icons-material/Error";
+//#region src/pages/SendToWallet/BookmarkAddressSheet.tsx
+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(void 0);
+		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(void 0);
+		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;
+		}
+		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(void 0);
+		setAddress(e.target.value.trim());
+	};
+	const handleNameInputChange = (e) => {
+		if (error) setError(void 0);
+		setName(e.target.value);
+	};
+	const resetValues = () => {
+		setName("");
+		setAddress("");
+	};
+	return /* @__PURE__ */ jsx(BottomSheet, {
+		ref,
+		onClose: resetValues,
+		children: /* @__PURE__ */ jsxs(SendToWalletSheetContainer, { children: [
+			/* @__PURE__ */ jsx(IconContainer, { children: /* @__PURE__ */ jsx(TurnedIn, { sx: { fontSize: 40 } }) }),
+			/* @__PURE__ */ jsx(SheetTitle, { children: t("sendToWallet.bookmarkWallet") }),
+			validatedWallet ? /* @__PURE__ */ jsxs(SheetAddressContainer, { children: [validatedWallet?.name ? /* @__PURE__ */ jsx(Typography, {
+				sx: {
+					fontWeight: 600,
+					mb: .5
+				},
+				children: validatedWallet?.name
+			}) : null, /* @__PURE__ */ jsx(Typography, { children: validatedWallet?.address })] }) : null,
+			/* @__PURE__ */ jsxs(BookmarkInputFields, { children: [
+				/* @__PURE__ */ jsx(SendToWalletCard, {
+					type: error?.type === "name" ? "error" : "default",
+					children: /* @__PURE__ */ jsx(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 }
+					})
+				}),
+				!validatedWallet && /* @__PURE__ */ jsx(SendToWalletCard, {
+					type: error?.type === "address" ? "error" : "default",
+					children: /* @__PURE__ */ jsx(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: true
+					})
+				}),
+				error ? /* @__PURE__ */ jsx(ValidationAlert, {
+					icon: /* @__PURE__ */ jsx(ErrorIcon, {}),
+					children: error.message
+				}) : null
+			] }),
+			/* @__PURE__ */ jsx(AlertMessage, {
+				title: /* @__PURE__ */ jsx(Typography, {
+					variant: "body2",
+					sx: { color: "text.primary" },
+					children: t("warning.message.fundsLossPrevention")
+				}),
+				icon: /* @__PURE__ */ jsx(WarningRounded, {})
+			}),
+			/* @__PURE__ */ jsxs(SendToWalletButtonRow, { children: [/* @__PURE__ */ jsx(Button, {
+				variant: "text",
+				onClick: handleCancel,
+				fullWidth: true,
+				children: t("button.cancel")
+			}), /* @__PURE__ */ jsx(Button, {
+				variant: "contained",
+				onClick: handleBookmark,
+				loading: isValidating,
+				loadingPosition: "center",
+				fullWidth: true,
+				focusRipple: true,
+				children: t("button.bookmark")
+			})] })
+		] })
+	});
 });
+//#endregion
+export { BookmarkAddressSheet };
+
 //# sourceMappingURL=BookmarkAddressSheet.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BookmarkAddressSheet.js","sourceRoot":"","sources":["../../../../src/pages/SendToWallet/BookmarkAddressSheet.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"BookmarkAddressSheet.js","names":[],"sources":["../../../../src/pages/SendToWallet/BookmarkAddressSheet.tsx"],"sourcesContent":["import ErrorIcon from '@mui/icons-material/Error'\nimport TurnedIn from '@mui/icons-material/TurnedIn'\nimport WarningRounded from '@mui/icons-material/WarningRounded'\nimport { Button, Typography } from '@mui/material'\nimport type { ChangeEvent, RefObject } from 'react'\nimport {\n  type ForwardRefExoticComponent,\n  forwardRef,\n  type RefAttributes,\n  useState,\n} from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { BottomSheet } from '../../components/BottomSheet/BottomSheet.js'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { Input } from '../../components/Input.js'\nimport { AlertMessage } from '../../components/Messages/AlertMessage.js'\nimport { useAddressValidation } from '../../hooks/useAddressValidation.js'\nimport type { Bookmark } from '../../stores/bookmarks/types.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport {\n  AddressInput,\n  BookmarkInputFields,\n  IconContainer,\n  SendToWalletButtonRow,\n  SendToWalletCard,\n  SendToWalletSheetContainer,\n  SheetAddressContainer,\n  SheetTitle,\n  ValidationAlert,\n} from './SendToWalletPage.style.js'\nimport type { BookmarkError } from './types.js'\n\ninterface BookmarkAddressProps {\n  onAddBookmark: (bookmark: Bookmark) => void\n  validatedWallet?: Bookmark\n}\n\nexport const BookmarkAddressSheet: ForwardRefExoticComponent<\n  BookmarkAddressProps & RefAttributes<BottomSheetBase>\n> = forwardRef<BottomSheetBase, BookmarkAddressProps>(\n  ({ validatedWallet, onAddBookmark }, ref) => {\n    const { t } = useTranslation()\n    const [name, setName] = useState('')\n    const [address, setAddress] = useState('')\n    const [error, setError] = useState<BookmarkError>()\n    const { validateAddress, isValidating } = useAddressValidation()\n    const { getBookmark } = useBookmarkActions()\n\n    const nameValue = name.trim() || validatedWallet?.name || ''\n    const addressValue = address || validatedWallet?.address || ''\n\n    const handleCancel = () => {\n      setError(undefined)\n      ;(ref as RefObject<BottomSheetBase>).current?.close()\n    }\n\n    const validateWithAddressFromInput = async () => {\n      const validationResult = await validateAddress({ value: address })\n      if (!validationResult.isValid) {\n        setError({ type: 'address', message: validationResult.error })\n        return\n      }\n\n      return {\n        name: nameValue,\n        address: validationResult.address,\n        chainType: validationResult.chainType,\n      }\n    }\n\n    const validateWithValidatedWallet = (validatedWallet: Bookmark) => {\n      if (error) {\n        setError(undefined)\n      }\n      return {\n        name: nameValue,\n        address: validatedWallet.address,\n        chainType: validatedWallet.chainType,\n      }\n    }\n\n    const handleBookmark = async () => {\n      if (isValidating) {\n        return\n      }\n      if (!nameValue) {\n        setError({\n          type: 'name',\n          message: t('error.title.bookmarkNameRequired'),\n        })\n        return\n      }\n      if (!addressValue) {\n        setError({\n          type: 'address',\n          message: t('error.title.walletAddressRequired'),\n        })\n        return\n      }\n\n      //  If the validatedWallet is supplied as a prop then we should assume\n      //  the address has already been validated\n      const validatedBookmark = validatedWallet\n        ? validateWithValidatedWallet(validatedWallet)\n        : await validateWithAddressFromInput()\n\n      if (validatedBookmark) {\n        const existingBookmark = getBookmark(validatedBookmark.address)\n        if (existingBookmark) {\n          setError({\n            type: 'address',\n            message: t('error.title.bookmarkAlreadyExists', {\n              name: existingBookmark.name,\n            }),\n          })\n          return\n        }\n        ;(ref as RefObject<BottomSheetBase>).current?.close()\n\n        onAddBookmark({\n          name: validatedBookmark.name,\n          address: validatedBookmark.address,\n          chainType: validatedBookmark.chainType,\n        })\n      }\n    }\n\n    const handleAddressInputChange = (e: ChangeEvent) => {\n      if (error) {\n        setError(undefined)\n      }\n      setAddress((e.target as HTMLInputElement).value.trim())\n    }\n\n    const handleNameInputChange = (e: ChangeEvent) => {\n      if (error) {\n        setError(undefined)\n      }\n      setName((e.target as HTMLInputElement).value)\n    }\n\n    const resetValues = () => {\n      setName('')\n      setAddress('')\n    }\n\n    return (\n      <BottomSheet ref={ref} onClose={resetValues}>\n        <SendToWalletSheetContainer>\n          <IconContainer>\n            <TurnedIn sx={{ fontSize: 40 }} />\n          </IconContainer>\n          <SheetTitle>{t('sendToWallet.bookmarkWallet')}</SheetTitle>\n          {validatedWallet ? (\n            <SheetAddressContainer>\n              {validatedWallet?.name ? (\n                <Typography\n                  sx={{\n                    fontWeight: 600,\n                    mb: 0.5,\n                  }}\n                >\n                  {validatedWallet?.name}\n                </Typography>\n              ) : null}\n              <Typography>{validatedWallet?.address}</Typography>\n            </SheetAddressContainer>\n          ) : null}\n          <BookmarkInputFields>\n            <SendToWalletCard\n              type={error?.type === 'name' ? 'error' : 'default'}\n            >\n              <Input\n                size=\"small\"\n                autoComplete=\"off\"\n                autoCorrect=\"off\"\n                autoCapitalize=\"off\"\n                spellCheck=\"false\"\n                onChange={handleNameInputChange}\n                value={name}\n                placeholder={\n                  validatedWallet?.name || t('sendToWallet.enterName')\n                }\n                aria-label={\n                  validatedWallet?.name || t('sendToWallet.enterName')\n                }\n                inputProps={{ maxLength: 128 }}\n              />\n            </SendToWalletCard>\n            {!validatedWallet && (\n              <SendToWalletCard\n                type={error?.type === 'address' ? 'error' : 'default'}\n              >\n                <AddressInput\n                  size=\"small\"\n                  autoComplete=\"off\"\n                  autoCorrect=\"off\"\n                  autoCapitalize=\"off\"\n                  spellCheck=\"false\"\n                  onChange={handleAddressInputChange}\n                  value={address}\n                  placeholder={t('sendToWallet.enterAddress', {\n                    context: 'long',\n                  })}\n                  aria-label={t('sendToWallet.enterAddress', {\n                    context: 'long',\n                  })}\n                  maxRows={2}\n                  inputProps={{ maxLength: 128 }}\n                  multiline\n                />\n              </SendToWalletCard>\n            )}\n            {error ? (\n              <ValidationAlert icon={<ErrorIcon />}>\n                {error.message}\n              </ValidationAlert>\n            ) : null}\n          </BookmarkInputFields>\n          <AlertMessage\n            title={\n              <Typography variant=\"body2\" sx={{ color: 'text.primary' }}>\n                {t('warning.message.fundsLossPrevention')}\n              </Typography>\n            }\n            icon={<WarningRounded />}\n          />\n          <SendToWalletButtonRow>\n            <Button variant=\"text\" onClick={handleCancel} fullWidth>\n              {t('button.cancel')}\n            </Button>\n            <Button\n              variant=\"contained\"\n              onClick={handleBookmark}\n              loading={isValidating}\n              loadingPosition=\"center\"\n              fullWidth\n              focusRipple\n            >\n              {t('button.bookmark')}\n            </Button>\n          </SendToWalletButtonRow>\n        </SendToWalletSheetContainer>\n      </BottomSheet>\n    )\n  }\n)\n"],"mappings":"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"}

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

@@ -1,98 +1,105 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import ContentCopyRounded from '@mui/icons-material/ContentCopyRounded';
-import DeleteOutline from '@mui/icons-material/DeleteOutline';
-import MoreHoriz from '@mui/icons-material/MoreHoriz';
-import OpenInNewRounded from '@mui/icons-material/OpenInNewRounded';
-import TurnedIn from '@mui/icons-material/TurnedIn';
-import { Button, ListItemAvatar, ListItemText, MenuItem } from '@mui/material';
-import { useNavigate } from '@tanstack/react-router';
-import { useId, useRef, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-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 { 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 { navigationRoutes } from '../../utils/navigationRoutes.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,
-            isDirty: true,
-        });
-        setSelectedBookmark(bookmark);
-        setSendToWallet(true);
-        navigate({ to: navigationRoutes.home, 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 (_jsxs(FullHeightAdjustablePageContainer, { disableGutters: true, enableFullHeight: variant !== 'drawer', children: [_jsxs(BookmarksListContainer, { children: [bookmarks.map((bookmark) => (_jsxs(ListItem, { sx: { position: 'relative' }, children: [_jsxs(ListItemButton, { onClick: () => handleBookmarkSelected(bookmark), disabled: requiredToChainType &&
-                                    requiredToChainType !== bookmark.chainType, children: [_jsx(ListItemAvatar, { children: _jsx(AccountAvatar, { chainId: defaultChainIdsByType[bookmark.chainType] }) }), _jsx(ListItemText, { primary: bookmark.name, secondary: shortenAddress(bookmark.address) })] }), _jsx(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,
-                                }, children: _jsx(MoreHoriz, { fontSize: "small" }) })] }, bookmark.address))), !bookmarks.length && (_jsx(EmptyListIndicator, { icon: _jsx(TurnedIn, { sx: { fontSize: 48 } }), children: t('sendToWallet.noBookmarkedWallets') })), _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: handleRemoveBookmark, children: [_jsx(DeleteOutline, {}), t('button.delete')] })] })] }), _jsx(BookmarkButtonContainer, { children: _jsx(Button, { variant: "contained", onClick: handleAddBookmark, children: t('sendToWallet.addBookmark') }) }), _jsx(BookmarkAddressSheet, { ref: bookmarkAddressSheetRef, onAddBookmark: addBookmark })] }));
+import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
+import { navigationRoutes } from "../../utils/navigationRoutes.js";
+import { useBookmarkActions } from "../../stores/bookmarks/useBookmarkActions.js";
+import { useBookmarks } from "../../stores/bookmarks/useBookmarks.js";
+import { useFieldActions } from "../../stores/form/useFieldActions.js";
+import { defaultChainIdsByType } from "../../utils/chainType.js";
+import { useToAddressRequirements } from "../../hooks/useToAddressRequirements.js";
+import { shortenAddress } from "../../utils/wallet.js";
+import { useExplorer } from "../../hooks/useExplorer.js";
+import { useHeader } from "../../hooks/useHeader.js";
+import { ContextMenu } from "../../components/ContextMenu.js";
+import { AccountAvatar } from "../../components/Avatar/AccountAvatar.js";
+import { ListItem as ListItem$1 } from "../../components/ListItem/ListItem.js";
+import { ListItemButton as ListItemButton$1 } from "../../components/ListItem/ListItemButton.js";
+import { BookmarkButtonContainer, BookmarksListContainer, FullHeightAdjustablePageContainer } from "./SendToWalletPage.style.js";
+import { BookmarkAddressSheet } from "./BookmarkAddressSheet.js";
+import { EmptyListIndicator } from "./EmptyListIndicator.js";
+import { useRef } from "react";
+import { useNavigate } from "@tanstack/react-router";
+import { Button, ListItemAvatar, ListItemText } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import ContentCopyRounded from "@mui/icons-material/ContentCopyRounded";
+import OpenInNewRounded from "@mui/icons-material/OpenInNewRounded";
+import DeleteOutline from "@mui/icons-material/DeleteOutline";
+import TurnedIn from "@mui/icons-material/TurnedIn";
+//#region src/pages/SendToWallet/BookmarksPage.tsx
+const BookmarksPage = () => {
+	const { t } = useTranslation();
+	const bookmarkAddressSheetRef = useRef(null);
+	const { bookmarks } = useBookmarks();
+	const { requiredToChainType } = useToAddressRequirements();
+	const { addBookmark, removeBookmark, setSelectedBookmark } = useBookmarkActions();
+	const navigate = useNavigate();
+	const { setFieldValue } = useFieldActions();
+	const { variant } = useWidgetConfig();
+	const { getAddressLink } = useExplorer();
+	useHeader(t("header.bookmarkedWallets"));
+	const handleAddBookmark = () => {
+		bookmarkAddressSheetRef.current?.open();
+	};
+	const handleBookmarkSelected = (bookmark) => {
+		setFieldValue("toAddress", bookmark.address, {
+			isTouched: true,
+			isDirty: true
+		});
+		setSelectedBookmark(bookmark);
+		navigate({
+			to: navigationRoutes.home,
+			replace: true
+		});
+	};
+	return /* @__PURE__ */ jsxs(FullHeightAdjustablePageContainer, {
+		disableGutters: true,
+		enableFullHeight: variant !== "drawer",
+		children: [
+			/* @__PURE__ */ jsxs(BookmarksListContainer, { children: [bookmarks.map((bookmark) => /* @__PURE__ */ jsxs(ListItem$1, {
+				sx: { position: "relative" },
+				children: [/* @__PURE__ */ jsxs(ListItemButton$1, {
+					onClick: () => handleBookmarkSelected(bookmark),
+					disabled: requiredToChainType && requiredToChainType !== bookmark.chainType,
+					children: [/* @__PURE__ */ jsx(ListItemAvatar, { children: /* @__PURE__ */ jsx(AccountAvatar, { chainId: defaultChainIdsByType[bookmark.chainType] }) }), /* @__PURE__ */ jsx(ListItemText, {
+						primary: bookmark.name,
+						secondary: shortenAddress(bookmark.address)
+					})]
+				}), /* @__PURE__ */ jsx(ContextMenu, {
+					disabled: !!(requiredToChainType && requiredToChainType !== bookmark.chainType),
+					items: [
+						{
+							icon: /* @__PURE__ */ jsx(ContentCopyRounded, {}),
+							label: t("button.copyAddress"),
+							onClick: () => navigator.clipboard.writeText(bookmark.address)
+						},
+						{
+							icon: /* @__PURE__ */ jsx(OpenInNewRounded, {}),
+							label: t("button.viewOnExplorer"),
+							onClick: () => window.open(getAddressLink(bookmark.address, defaultChainIdsByType[bookmark.chainType]), "_blank")
+						},
+						{
+							icon: /* @__PURE__ */ jsx(DeleteOutline, {}),
+							label: t("button.delete"),
+							onClick: () => removeBookmark(bookmark.address)
+						}
+					]
+				})]
+			}, bookmark.address)), !bookmarks.length && /* @__PURE__ */ jsx(EmptyListIndicator, {
+				icon: /* @__PURE__ */ jsx(TurnedIn, { sx: { fontSize: 48 } }),
+				children: t("sendToWallet.noBookmarkedWallets")
+			})] }),
+			/* @__PURE__ */ jsx(BookmarkButtonContainer, { children: /* @__PURE__ */ jsx(Button, {
+				variant: "contained",
+				onClick: handleAddBookmark,
+				children: t("sendToWallet.addBookmark")
+			}) }),
+			/* @__PURE__ */ jsx(BookmarkAddressSheet, {
+				ref: bookmarkAddressSheetRef,
+				onAddBookmark: addBookmark
+			})
+		]
+	});
 };
+//#endregion
+export { BookmarksPage };
+
 //# sourceMappingURL=BookmarksPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BookmarksPage.js","sourceRoot":"","sources":["../../../../src/pages/SendToWallet/BookmarksPage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"BookmarksPage.js","names":["ListItem","ListItemButton"],"sources":["../../../../src/pages/SendToWallet/BookmarksPage.tsx"],"sourcesContent":["import ContentCopyRounded from '@mui/icons-material/ContentCopyRounded'\nimport DeleteOutline from '@mui/icons-material/DeleteOutline'\nimport OpenInNewRounded from '@mui/icons-material/OpenInNewRounded'\nimport TurnedIn from '@mui/icons-material/TurnedIn'\nimport { Button, ListItemAvatar, ListItemText } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport { type JSX, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { AccountAvatar } from '../../components/Avatar/AccountAvatar.js'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { ContextMenu } from '../../components/ContextMenu.js'\nimport { ListItem } from '../../components/ListItem/ListItem.js'\nimport { ListItemButton } from '../../components/ListItem//ListItemButton.js'\nimport { useExplorer } from '../../hooks/useExplorer.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport type { Bookmark } from '../../stores/bookmarks/types.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport { useBookmarks } from '../../stores/bookmarks/useBookmarks.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { defaultChainIdsByType } from '../../utils/chainType.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { shortenAddress } from '../../utils/wallet.js'\nimport { BookmarkAddressSheet } from './BookmarkAddressSheet.js'\nimport { EmptyListIndicator } from './EmptyListIndicator.js'\nimport {\n  BookmarkButtonContainer,\n  BookmarksListContainer,\n  FullHeightAdjustablePageContainer,\n} from './SendToWalletPage.style.js'\n\nexport const BookmarksPage = (): JSX.Element => {\n  const { t } = useTranslation()\n  const bookmarkAddressSheetRef = useRef<BottomSheetBase>(null)\n  const { bookmarks } = useBookmarks()\n  const { requiredToChainType } = useToAddressRequirements()\n  const { addBookmark, removeBookmark, setSelectedBookmark } =\n    useBookmarkActions()\n  const navigate = useNavigate()\n  const { setFieldValue } = useFieldActions()\n  const { variant } = useWidgetConfig()\n  const { getAddressLink } = useExplorer()\n\n  useHeader(t('header.bookmarkedWallets'))\n\n  const handleAddBookmark = () => {\n    bookmarkAddressSheetRef.current?.open()\n  }\n\n  const handleBookmarkSelected = (bookmark: Bookmark) => {\n    setFieldValue('toAddress', bookmark.address, {\n      isTouched: true,\n      isDirty: true,\n    })\n    setSelectedBookmark(bookmark)\n    navigate({ to: navigationRoutes.home, replace: true })\n  }\n\n  return (\n    <FullHeightAdjustablePageContainer\n      disableGutters\n      enableFullHeight={variant !== 'drawer'}\n    >\n      <BookmarksListContainer>\n        {bookmarks.map((bookmark) => (\n          <ListItem key={bookmark.address} sx={{ position: 'relative' }}>\n            <ListItemButton\n              onClick={() => handleBookmarkSelected(bookmark)}\n              disabled={\n                requiredToChainType &&\n                requiredToChainType !== bookmark.chainType\n              }\n            >\n              <ListItemAvatar>\n                <AccountAvatar\n                  chainId={defaultChainIdsByType[bookmark.chainType]}\n                />\n              </ListItemAvatar>\n              <ListItemText\n                primary={bookmark.name}\n                secondary={shortenAddress(bookmark.address)}\n              />\n            </ListItemButton>\n            <ContextMenu\n              disabled={\n                !!(\n                  requiredToChainType &&\n                  requiredToChainType !== bookmark.chainType\n                )\n              }\n              items={[\n                {\n                  icon: <ContentCopyRounded />,\n                  label: t('button.copyAddress'),\n                  onClick: () =>\n                    navigator.clipboard.writeText(bookmark.address),\n                },\n                {\n                  icon: <OpenInNewRounded />,\n                  label: t('button.viewOnExplorer'),\n                  onClick: () =>\n                    window.open(\n                      getAddressLink(\n                        bookmark.address,\n                        defaultChainIdsByType[bookmark.chainType]\n                      ),\n                      '_blank'\n                    ),\n                },\n                {\n                  icon: <DeleteOutline />,\n                  label: t('button.delete'),\n                  onClick: () => removeBookmark(bookmark.address),\n                },\n              ]}\n            />\n          </ListItem>\n        ))}\n        {!bookmarks.length && (\n          <EmptyListIndicator icon={<TurnedIn sx={{ fontSize: 48 }} />}>\n            {t('sendToWallet.noBookmarkedWallets')}\n          </EmptyListIndicator>\n        )}\n      </BookmarksListContainer>\n      <BookmarkButtonContainer>\n        <Button variant=\"contained\" onClick={handleAddBookmark}>\n          {t('sendToWallet.addBookmark')}\n        </Button>\n      </BookmarkButtonContainer>\n      <BookmarkAddressSheet\n        ref={bookmarkAddressSheetRef}\n        onAddBookmark={addBookmark}\n      />\n    </FullHeightAdjustablePageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAa,sBAAmC;CAC9C,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,0BAA0B,OAAwB,KAAK;CAC7D,MAAM,EAAE,cAAc,cAAc;CACpC,MAAM,EAAE,wBAAwB,0BAA0B;CAC1D,MAAM,EAAE,aAAa,gBAAgB,wBACnC,oBAAoB;CACtB,MAAM,WAAW,aAAa;CAC9B,MAAM,EAAE,kBAAkB,iBAAiB;CAC3C,MAAM,EAAE,YAAY,iBAAiB;CACrC,MAAM,EAAE,mBAAmB,aAAa;AAExC,WAAU,EAAE,2BAA2B,CAAC;CAExC,MAAM,0BAA0B;AAC9B,0BAAwB,SAAS,MAAM;;CAGzC,MAAM,0BAA0B,aAAuB;AACrD,gBAAc,aAAa,SAAS,SAAS;GAC3C,WAAW;GACX,SAAS;GACV,CAAC;AACF,sBAAoB,SAAS;AAC7B,WAAS;GAAE,IAAI,iBAAiB;GAAM,SAAS;GAAM,CAAC;;AAGxD,QACE,qBAAC,mCAAD;EACE,gBAAA;EACA,kBAAkB,YAAY;YAFhC;GAIE,qBAAC,wBAAD,EAAA,UAAA,CACG,UAAU,KAAK,aACd,qBAACA,YAAD;IAAiC,IAAI,EAAE,UAAU,YAAY;cAA7D,CACE,qBAACC,kBAAD;KACE,eAAe,uBAAuB,SAAS;KAC/C,UACE,uBACA,wBAAwB,SAAS;eAJrC,CAOE,oBAAC,gBAAD,EAAA,UACE,oBAAC,eAAD,EACE,SAAS,sBAAsB,SAAS,YACxC,CAAA,EACa,CAAA,EACjB,oBAAC,cAAD;MACE,SAAS,SAAS;MAClB,WAAW,eAAe,SAAS,QAAQ;MAC3C,CAAA,CACa;QACjB,oBAAC,aAAD;KACE,UACE,CAAC,EACC,uBACA,wBAAwB,SAAS;KAGrC,OAAO;MACL;OACE,MAAM,oBAAC,oBAAD,EAAsB,CAAA;OAC5B,OAAO,EAAE,qBAAqB;OAC9B,eACE,UAAU,UAAU,UAAU,SAAS,QAAQ;OAClD;MACD;OACE,MAAM,oBAAC,kBAAD,EAAoB,CAAA;OAC1B,OAAO,EAAE,wBAAwB;OACjC,eACE,OAAO,KACL,eACE,SAAS,SACT,sBAAsB,SAAS,WAChC,EACD,SACD;OACJ;MACD;OACE,MAAM,oBAAC,eAAD,EAAiB,CAAA;OACvB,OAAO,EAAE,gBAAgB;OACzB,eAAe,eAAe,SAAS,QAAQ;OAChD;MACF;KACD,CAAA,CACO;MAnDI,SAAS,QAmDb,CACX,EACD,CAAC,UAAU,UACV,oBAAC,oBAAD;IAAoB,MAAM,oBAAC,UAAD,EAAU,IAAI,EAAE,UAAU,IAAI,EAAI,CAAA;cACzD,EAAE,mCAAmC;IACnB,CAAA,CAEA,EAAA,CAAA;GACzB,oBAAC,yBAAD,EAAA,UACE,oBAAC,QAAD;IAAQ,SAAQ;IAAY,SAAS;cAClC,EAAE,2BAA2B;IACvB,CAAA,EACe,CAAA;GAC1B,oBAAC,sBAAD;IACE,KAAK;IACL,eAAe;IACf,CAAA;GACgC"}