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

package/_cjs/pages/SendToWallet/BookmarkAddressSheet.js

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BookmarkAddressSheet = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Error_1 = require("@mui/icons-material/Error");
+const TurnedIn_1 = require("@mui/icons-material/TurnedIn");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const react_i18next_1 = require("react-i18next");
+const BottomSheet_1 = require("../../components/BottomSheet");
+const Input_1 = require("../../components/Input");
+const hooks_1 = require("../../hooks");
+const stores_1 = require("../../stores");
+const SendToWalletPage_style_1 = require("./SendToWalletPage.style");
+exports.BookmarkAddressSheet = (0, react_1.forwardRef)(({ validatedWallet, onAddBookmark }, ref) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const [name, setName] = (0, react_1.useState)('');
+    const [address, setAddress] = (0, react_1.useState)('');
+    const [error, setError] = (0, react_1.useState)();
+    const { validateAddress, isValidating } = (0, hooks_1.useAddressValidation)();
+    const { getBookmark } = (0, stores_1.useBookmarkActions)();
+    const nameValue = name || validatedWallet?.name || '';
+    const addressValue = address || validatedWallet?.address || '';
+    const handleCancel = () => {
+        setError(undefined);
+        ref.current?.close();
+    };
+    const validateWithAddressFromInput = async () => {
+        const validationResult = await validateAddress(address);
+        if (!validationResult.isValid) {
+            setError({ type: 'address', message: validationResult.error });
+            return;
+        }
+        return {
+            name: nameValue.trim(),
+            address: validationResult.address,
+            chainType: validationResult.chainType,
+        };
+    };
+    const validateWithValidatedWallet = () => {
+        if (error) {
+            setError(undefined);
+        }
+        return {
+            name: nameValue.trim(),
+            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.addressRequired'),
+            });
+            return;
+        }
+        //  If the validatedWallet is supplied as a prop then we should assume
+        //  the address has already been validated
+        const validatedBookmark = validatedWallet
+            ? validateWithValidatedWallet()
+            : 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.trim());
+    };
+    const resetValues = () => {
+        setName('');
+        setAddress('');
+    };
+    return ((0, jsx_runtime_1.jsx)(BottomSheet_1.BottomSheet, { ref: ref, onClose: resetValues, children: (0, jsx_runtime_1.jsxs)(SendToWalletPage_style_1.SendToWalletSheetContainer, { children: [(0, jsx_runtime_1.jsx)(SendToWalletPage_style_1.IconContainer, { children: (0, jsx_runtime_1.jsx)(TurnedIn_1.default, { sx: { fontSize: 40 } }) }), (0, jsx_runtime_1.jsx)(SendToWalletPage_style_1.SheetTitle, { children: t('sendToWallet.bookmarkWallet') }), validatedWallet ? ((0, jsx_runtime_1.jsxs)(SendToWalletPage_style_1.SheetAddressContainer, { children: [validatedWallet?.name ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { fontWeight: 600, mb: 0.5, children: validatedWallet?.name })) : null, (0, jsx_runtime_1.jsx)(material_1.Typography, { children: validatedWallet?.address })] })) : null, (0, jsx_runtime_1.jsxs)(SendToWalletPage_style_1.BookmarkInputFields, { children: [(0, jsx_runtime_1.jsx)(SendToWalletPage_style_1.SendToWalletCard, { variant: error?.type === 'name' ? 'error' : 'default', children: (0, jsx_runtime_1.jsx)(Input_1.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 && ((0, jsx_runtime_1.jsx)(SendToWalletPage_style_1.SendToWalletCard, { variant: error?.type === 'address' ? 'error' : 'default', children: (0, jsx_runtime_1.jsx)(SendToWalletPage_style_1.AddressInput, { size: "small", autoComplete: "off", autoCorrect: "off", autoCapitalize: "off", spellCheck: "false", onChange: handleAddressInputChange, value: address, placeholder: t('sendToWallet.enterAddress'), "aria-label": t('sendToWallet.enterAddress'), maxRows: 2, inputProps: { maxLength: 128 }, multiline: true }) })), error ? ((0, jsx_runtime_1.jsx)(SendToWalletPage_style_1.ValidationAlert, { icon: (0, jsx_runtime_1.jsx)(Error_1.default, {}), children: error.message })) : null] }), (0, jsx_runtime_1.jsxs)(SendToWalletPage_style_1.SendToWalletButtonRow, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "text", onClick: handleCancel, fullWidth: true, children: t('button.cancel') }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", onClick: handleBookmark, fullWidth: true, focusRipple: true, children: t('button.bookmark') })] })] }) }));
+});
+//# sourceMappingURL=BookmarkAddressSheet.js.map

package/_cjs/pages/SendToWallet/BookmarkAddressSheet.js.map

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

package/_cjs/pages/SendToWallet/BookmarksPage.d.ts

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

package/_cjs/pages/SendToWallet/BookmarksPage.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BookmarksPage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ContentCopy_1 = require("@mui/icons-material/ContentCopy");
+const Delete_1 = require("@mui/icons-material/Delete");
+const MoreHoriz_1 = require("@mui/icons-material/MoreHoriz");
+const OpenInNew_1 = require("@mui/icons-material/OpenInNew");
+const TurnedIn_1 = require("@mui/icons-material/TurnedIn");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const react_i18next_1 = require("react-i18next");
+const AccountAvatar_1 = require("../../components/AccountAvatar");
+const ListItem_1 = require("../../components/ListItem");
+const Menu_1 = require("../../components/Menu");
+const hooks_1 = require("../../hooks");
+const stores_1 = require("../../stores");
+const utils_1 = require("../../utils");
+const BookmarkAddressSheet_1 = require("./BookmarkAddressSheet");
+const ConfirmAddressSheet_1 = require("./ConfirmAddressSheet");
+const EmptyListIndicator_1 = require("./EmptyListIndicator");
+const SendToWalletPage_style_1 = require("./SendToWalletPage.style");
+const BookmarksPage = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const [bookmark, setBookmark] = (0, react_1.useState)();
+    const bookmarkAddressSheetRef = (0, react_1.useRef)(null);
+    const confirmAddressSheetRef = (0, react_1.useRef)(null);
+    const { bookmarks } = (0, stores_1.useBookmarks)();
+    const { requiredToChainType } = (0, hooks_1.useToAddressRequirements)();
+    const { addBookmark, removeBookmark, setSelectedBookmark } = (0, stores_1.useBookmarkActions)();
+    const { getChainById } = (0, hooks_1.useChains)();
+    const handleAddBookmark = () => {
+        bookmarkAddressSheetRef.current?.open();
+    };
+    const handleBookmarkSelected = (bookmark) => {
+        setBookmark(bookmark);
+        confirmAddressSheetRef.current?.open();
+    };
+    const handleOnConfirm = (confirmedWallet) => {
+        setSelectedBookmark(confirmedWallet);
+    };
+    const moreMenuId = (0, react_1.useId)();
+    const [moreMenuAnchorEl, setMenuAnchorEl] = (0, react_1.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) {
+            const chain = getChainById(utils_1.defaultChainIdsByType[bookmark.chainType]);
+            window.open(`${chain?.metamask.blockExplorerUrls[0]}address/${bookmark.address}`, '_blank');
+        }
+        closeMenu();
+    };
+    const handleRemoveBookmark = () => {
+        if (bookmark) {
+            removeBookmark(bookmark.address);
+        }
+        closeMenu();
+    };
+    return ((0, jsx_runtime_1.jsxs)(SendToWalletPage_style_1.SendToWalletPageContainer, { disableGutters: true, children: [(0, jsx_runtime_1.jsxs)(SendToWalletPage_style_1.ListContainer, { children: [bookmarks.map((bookmark) => ((0, jsx_runtime_1.jsxs)(ListItem_1.ListItem, { sx: { position: 'relative' }, children: [(0, jsx_runtime_1.jsxs)(ListItem_1.ListItemButton, { onClick: () => handleBookmarkSelected(bookmark), disabled: requiredToChainType &&
+                                    requiredToChainType !== bookmark.chainType, children: [(0, jsx_runtime_1.jsx)(material_1.ListItemAvatar, { children: (0, jsx_runtime_1.jsx)(AccountAvatar_1.AccountAvatar, { chainId: utils_1.defaultChainIdsByType[bookmark.chainType] }) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: bookmark.name, secondary: (0, utils_1.shortenAddress)(bookmark.address) })] }), (0, jsx_runtime_1.jsx)(SendToWalletPage_style_1.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: (0, jsx_runtime_1.jsx)(MoreHoriz_1.default, { fontSize: "small" }) })] }, bookmark.address))), !bookmarks.length && ((0, jsx_runtime_1.jsx)(EmptyListIndicator_1.EmptyListIndicator, { icon: (0, jsx_runtime_1.jsx)(TurnedIn_1.default, { sx: { fontSize: 48 } }), children: t('sendToWallet.noBookmarkedWallets') })), (0, jsx_runtime_1.jsxs)(Menu_1.Menu, { id: moreMenuId, elevation: 0, anchorOrigin: {
+                            vertical: 'bottom',
+                            horizontal: 'right',
+                        }, transformOrigin: {
+                            vertical: 'top',
+                            horizontal: 'right',
+                        }, anchorEl: moreMenuAnchorEl, open: open, onClose: closeMenu, children: [(0, jsx_runtime_1.jsxs)(material_1.MenuItem, { onClick: handleCopyAddress, children: [(0, jsx_runtime_1.jsx)(ContentCopy_1.default, {}), t('button.copyAddress')] }), (0, jsx_runtime_1.jsxs)(material_1.MenuItem, { onClick: handleViewOnExplorer, children: [(0, jsx_runtime_1.jsx)(OpenInNew_1.default, {}), t('button.viewOnExplorer')] }), (0, jsx_runtime_1.jsxs)(material_1.MenuItem, { onClick: handleRemoveBookmark, children: [(0, jsx_runtime_1.jsx)(Delete_1.default, {}), t('button.delete')] })] })] }), (0, jsx_runtime_1.jsx)(SendToWalletPage_style_1.BookmarkButtonContainer, { children: (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", onClick: handleAddBookmark, children: t('sendToWallet.addBookmark') }) }), (0, jsx_runtime_1.jsx)(BookmarkAddressSheet_1.BookmarkAddressSheet, { ref: bookmarkAddressSheetRef, onAddBookmark: addBookmark }), (0, jsx_runtime_1.jsx)(ConfirmAddressSheet_1.ConfirmAddressSheet, { ref: confirmAddressSheetRef, validatedBookmark: bookmark, onConfirm: handleOnConfirm })] }));
+};
+exports.BookmarksPage = BookmarksPage;
+//# sourceMappingURL=BookmarksPage.js.map

package/_cjs/pages/SendToWallet/BookmarksPage.js.map

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

package/_cjs/pages/SendToWallet/ConfirmAddressSheet.d.ts

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

package/_cjs/pages/SendToWallet/ConfirmAddressSheet.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfirmAddressSheet = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Info_1 = require("@mui/icons-material/Info");
+const Wallet_1 = require("@mui/icons-material/Wallet");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const react_i18next_1 = require("react-i18next");
+const react_router_dom_1 = require("react-router-dom");
+const AlertMessage_1 = require("../../components/AlertMessage");
+const BottomSheet_1 = require("../../components/BottomSheet");
+const stores_1 = require("../../stores");
+const utils_1 = require("../../utils");
+const SendToWalletPage_style_1 = require("./SendToWalletPage.style");
+exports.ConfirmAddressSheet = (0, react_1.forwardRef)(({ validatedBookmark, onConfirm }, ref) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const { setFieldValue } = (0, stores_1.useFieldActions)();
+    const setSendToWallet = (0, stores_1.useSendToWalletStore)((state) => state.setSendToWallet);
+    const handleClose = () => {
+        ref.current?.close();
+    };
+    const handleConfirm = () => {
+        if (validatedBookmark) {
+            setFieldValue('toAddress', validatedBookmark.address, {
+                isTouched: true,
+            });
+            onConfirm?.(validatedBookmark);
+            setSendToWallet(true);
+            handleClose();
+            navigate(utils_1.navigationRoutes.home);
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(BottomSheet_1.BottomSheet, { ref: ref, children: (0, jsx_runtime_1.jsxs)(SendToWalletPage_style_1.SendToWalletSheetContainer, { children: [(0, jsx_runtime_1.jsx)(SendToWalletPage_style_1.IconContainer, { children: (0, jsx_runtime_1.jsx)(Wallet_1.default, { sx: { fontSize: 40 } }) }), (0, jsx_runtime_1.jsx)(SendToWalletPage_style_1.SheetTitle, { children: t('sendToWallet.confirmWalletAddress') }), (0, jsx_runtime_1.jsxs)(SendToWalletPage_style_1.SheetAddressContainer, { children: [validatedBookmark?.name ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { fontWeight: 600, mb: 0.5, children: validatedBookmark?.name })) : null, (0, jsx_runtime_1.jsx)(material_1.Typography, { children: validatedBookmark?.address })] }), (0, jsx_runtime_1.jsx)(AlertMessage_1.AlertMessage, { title: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: t('info.message.fundsToExchange') }), icon: (0, jsx_runtime_1.jsx)(Info_1.default, {}) }), (0, jsx_runtime_1.jsxs)(SendToWalletPage_style_1.SendToWalletButtonRow, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "text", onClick: handleClose, fullWidth: true, children: t('button.cancel') }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", onClick: handleConfirm, fullWidth: true, children: t('button.confirm') })] })] }) }));
+});
+//# sourceMappingURL=ConfirmAddressSheet.js.map

package/_cjs/pages/SendToWallet/ConfirmAddressSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmAddressSheet.js","sourceRoot":"","sources":["../../../pages/SendToWallet/ConfirmAddressSheet.tsx"],"names":[],"mappings":";;;;AAAA,mDAAgD;AAChD,uDAAoD;AACpD,4CAAmD;AAEnD,iCAAmC;AACnC,iDAA+C;AAC/C,uDAA+C;AAC/C,gEAA6D;AAE7D,8DAA2D;AAE3D,yCAAqE;AACrE,uCAA+C;AAC/C,qEAMkC;AAOrB,QAAA,mBAAmB,GAAG,IAAA,kBAAU,EAG3C,CAAC,EAAE,iBAAiB,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAC/B,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,wBAAe,GAAE,CAAC;IAC5C,MAAM,eAAe,GAAG,IAAA,6BAAoB,EAC1C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,eAAe,CACjC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACtB,GAAyC,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;IAC9D,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,iBAAiB,EAAE,CAAC;YACtB,aAAa,CAAC,WAAW,EAAE,iBAAiB,CAAC,OAAO,EAAE;gBACpD,SAAS,EAAE,IAAI;aAChB,CAAC,CAAC;YACH,SAAS,EAAE,CAAC,iBAAiB,CAAC,CAAC;YAC/B,eAAe,CAAC,IAAI,CAAC,CAAC;YACtB,WAAW,EAAE,CAAC;YACd,QAAQ,CAAC,wBAAgB,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,yBAAW,IAAC,GAAG,EAAE,GAAG,YACnB,wBAAC,mDAA0B,eACzB,uBAAC,sCAAa,cACZ,uBAAC,gBAAU,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAI,GACtB,EAChB,uBAAC,mCAAU,cAAE,CAAC,CAAC,mCAAmC,CAAC,GAAc,EACjE,wBAAC,8CAAqB,eACnB,iBAAiB,EAAE,IAAI,CAAC,CAAC,CAAC,CACzB,uBAAC,qBAAU,IAAC,UAAU,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,YACjC,iBAAiB,EAAE,IAAI,GACb,CACd,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,qBAAU,cAAE,iBAAiB,EAAE,OAAO,GAAc,IAC/B,EACxB,uBAAC,2BAAY,IACX,KAAK,EACH,uBAAC,qBAAU,IAAC,OAAO,EAAC,OAAO,YACxB,CAAC,CAAC,8BAA8B,CAAC,GACvB,EAEf,IAAI,EAAE,uBAAC,cAAQ,KAAG,GAClB,EACF,wBAAC,8CAAqB,eACpB,uBAAC,iBAAM,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,WAAW,EAAE,SAAS,kBACnD,CAAC,CAAC,eAAe,CAAC,GACZ,EACT,uBAAC,iBAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,aAAa,EAAE,SAAS,kBAC1D,CAAC,CAAC,gBAAgB,CAAC,GACb,IACa,IACG,GACjB,CACf,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/_cjs/pages/SendToWallet/ConnectedWalletsPage.d.ts

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

package/_cjs/pages/SendToWallet/ConnectedWalletsPage.js

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConnectedWalletsPage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ContentCopy_1 = require("@mui/icons-material/ContentCopy");
+const MoreHoriz_1 = require("@mui/icons-material/MoreHoriz");
+const OpenInNew_1 = require("@mui/icons-material/OpenInNew");
+const TurnedIn_1 = require("@mui/icons-material/TurnedIn");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const react_i18next_1 = require("react-i18next");
+const AccountAvatar_1 = require("../../components/AccountAvatar");
+const ListItem_1 = require("../../components/ListItem");
+const Menu_1 = require("../../components/Menu");
+const hooks_1 = require("../../hooks");
+const stores_1 = require("../../stores");
+const utils_1 = require("../../utils");
+const ConfirmAddressSheet_1 = require("./ConfirmAddressSheet");
+const EmptyListIndicator_1 = require("./EmptyListIndicator");
+const SendToWalletPage_style_1 = require("./SendToWalletPage.style");
+const ConnectedWalletsPage = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const [selectedAccount, setSelectedAccount] = (0, react_1.useState)();
+    const confirmAddressSheetRef = (0, react_1.useRef)(null);
+    const { accounts } = (0, hooks_1.useAccount)();
+    const { setSelectedBookmark } = (0, stores_1.useBookmarkActions)();
+    const { getChainById } = (0, hooks_1.useChains)();
+    const { requiredToChainType } = (0, hooks_1.useToAddressRequirements)();
+    const moreMenuId = (0, react_1.useId)();
+    const handleWalletSelected = (account) => {
+        setSelectedAccount(account);
+        confirmAddressSheetRef.current?.open();
+    };
+    const handleOnConfirm = (accountWallet) => {
+        setSelectedBookmark(accountWallet);
+    };
+    const [moreMenuAnchorEl, setMenuAnchorEl] = (0, react_1.useState)();
+    const open = Boolean(moreMenuAnchorEl);
+    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) {
+            const chain = getChainById(selectedAccount.chainId);
+            window.open(`${chain?.metamask.blockExplorerUrls[0]}address/${selectedAccount.address}`, '_blank');
+        }
+        closeMenu();
+    };
+    return ((0, jsx_runtime_1.jsxs)(SendToWalletPage_style_1.SendToWalletPageContainer, { disableGutters: true, children: [(0, jsx_runtime_1.jsxs)(SendToWalletPage_style_1.ListContainer, { children: [accounts.map((account) => {
+                        const walletAddress = (0, utils_1.shortenAddress)(account.address);
+                        return ((0, jsx_runtime_1.jsxs)(ListItem_1.ListItem, { sx: { position: 'relative' }, children: [(0, jsx_runtime_1.jsxs)(ListItem_1.ListItemButton, { onClick: () => handleWalletSelected(account), disabled: requiredToChainType &&
+                                        requiredToChainType !== account.chainType, children: [(0, jsx_runtime_1.jsx)(material_1.ListItemAvatar, { children: (0, jsx_runtime_1.jsx)(AccountAvatar_1.AccountAvatar, { chainId: account.chainId, account: account }) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: account.connector?.name, secondary: walletAddress })] }), (0, jsx_runtime_1.jsx)(SendToWalletPage_style_1.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,
+                                    }, children: (0, jsx_runtime_1.jsx)(MoreHoriz_1.default, { fontSize: "small" }) })] }, account.address));
+                    }), !accounts.length && ((0, jsx_runtime_1.jsx)(EmptyListIndicator_1.EmptyListIndicator, { icon: (0, jsx_runtime_1.jsx)(TurnedIn_1.default, { sx: { fontSize: 48 } }), children: t('sendToWallet.noConnectedWallets') })), (0, jsx_runtime_1.jsxs)(Menu_1.Menu, { id: moreMenuId, elevation: 0, anchorOrigin: {
+                            vertical: 'bottom',
+                            horizontal: 'right',
+                        }, transformOrigin: {
+                            vertical: 'top',
+                            horizontal: 'right',
+                        }, anchorEl: moreMenuAnchorEl, open: open, onClose: closeMenu, children: [(0, jsx_runtime_1.jsxs)(material_1.MenuItem, { onClick: handleCopyAddress, children: [(0, jsx_runtime_1.jsx)(ContentCopy_1.default, {}), t('button.copyAddress')] }), (0, jsx_runtime_1.jsxs)(material_1.MenuItem, { onClick: handleViewOnExplorer, children: [(0, jsx_runtime_1.jsx)(OpenInNew_1.default, {}), t('button.viewOnExplorer')] })] })] }), (0, jsx_runtime_1.jsx)(ConfirmAddressSheet_1.ConfirmAddressSheet, { ref: confirmAddressSheetRef, validatedBookmark: selectedAccount && {
+                    name: selectedAccount.connector?.name,
+                    address: selectedAccount.address,
+                    chainType: selectedAccount.chainType,
+                    isConnectedAccount: true,
+                }, onConfirm: handleOnConfirm })] }));
+};
+exports.ConnectedWalletsPage = ConnectedWalletsPage;
+//# sourceMappingURL=ConnectedWalletsPage.js.map

package/_cjs/pages/SendToWallet/ConnectedWalletsPage.js.map

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

package/_cjs/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-runtime").JSX.Element;
+export {};

package/_cjs/pages/SendToWallet/EmptyListIndicator.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmptyListIndicator = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SendToWalletPage_style_1 = require("./SendToWalletPage.style");
+const EmptyListIndicator = ({ icon, children, }) => ((0, jsx_runtime_1.jsxs)(SendToWalletPage_style_1.EmptyContainer, { children: [(0, jsx_runtime_1.jsx)(SendToWalletPage_style_1.IconContainer, { children: icon }), (0, jsx_runtime_1.jsx)(SendToWalletPage_style_1.EmptyListMessage, { children: children })] }));
+exports.EmptyListIndicator = EmptyListIndicator;
+//# sourceMappingURL=EmptyListIndicator.js.map

package/_cjs/pages/SendToWallet/EmptyListIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyListIndicator.js","sourceRoot":"","sources":["../../../pages/SendToWallet/EmptyListIndicator.tsx"],"names":[],"mappings":";;;;AACA,qEAIkC;AAK3B,MAAM,kBAAkB,GAAG,CAAC,EACjC,IAAI,EACJ,QAAQ,GACgB,EAAE,EAAE,CAAC,CAC7B,wBAAC,uCAAc,eACb,uBAAC,sCAAa,cAAE,IAAI,GAAiB,EACrC,uBAAC,yCAAgB,cAAE,QAAQ,GAAoB,IAChC,CAClB,CAAC;AARW,QAAA,kBAAkB,sBAQ7B"}

package/_cjs/pages/SendToWallet/RecentWalletsPage.d.ts

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

package/_cjs/pages/SendToWallet/RecentWalletsPage.js

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RecentWalletsPage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ContentCopy_1 = require("@mui/icons-material/ContentCopy");
+const Delete_1 = require("@mui/icons-material/Delete");
+const MoreHoriz_1 = require("@mui/icons-material/MoreHoriz");
+const OpenInNew_1 = require("@mui/icons-material/OpenInNew");
+const TurnedIn_1 = require("@mui/icons-material/TurnedIn");
+const Wallet_1 = require("@mui/icons-material/Wallet");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const react_i18next_1 = require("react-i18next");
+const react_router_dom_1 = require("react-router-dom");
+const AccountAvatar_1 = require("../../components/AccountAvatar");
+const ListItem_1 = require("../../components/ListItem");
+const Menu_1 = require("../../components/Menu");
+const hooks_1 = require("../../hooks");
+const stores_1 = require("../../stores");
+const utils_1 = require("../../utils");
+const BookmarkAddressSheet_1 = require("./BookmarkAddressSheet");
+const ConfirmAddressSheet_1 = require("./ConfirmAddressSheet");
+const EmptyListIndicator_1 = require("./EmptyListIndicator");
+const SendToWalletPage_style_1 = require("./SendToWalletPage.style");
+const RecentWalletsPage = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const [selectedRecent, setSelectedRecent] = (0, react_1.useState)();
+    const bookmarkAddressSheetRef = (0, react_1.useRef)(null);
+    const confirmAddressSheetRef = (0, react_1.useRef)(null);
+    const { recentWallets } = (0, stores_1.useBookmarks)();
+    const { requiredToChainType } = (0, hooks_1.useToAddressRequirements)();
+    const { removeRecentWallet, addBookmark, setSelectedBookmark, addRecentWallet, } = (0, stores_1.useBookmarkActions)();
+    const { getChainById } = (0, hooks_1.useChains)();
+    const moreMenuId = (0, react_1.useId)();
+    const [moreMenuAnchorEl, setMenuAnchorEl] = (0, react_1.useState)();
+    const open = Boolean(moreMenuAnchorEl);
+    const handleRecentSelected = (recentWallet) => {
+        setSelectedRecent(recentWallet);
+        confirmAddressSheetRef.current?.open();
+    };
+    const handleAddBookmark = (bookmark) => {
+        addBookmark(bookmark);
+        navigate(`../${utils_1.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(utils_1.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 ((0, jsx_runtime_1.jsxs)(SendToWalletPage_style_1.SendToWalletPageContainer, { disableGutters: true, children: [(0, jsx_runtime_1.jsxs)(SendToWalletPage_style_1.ListContainer, { children: [recentWallets.map((recentWallet) => ((0, jsx_runtime_1.jsxs)(ListItem_1.ListItem, { sx: { position: 'relative' }, children: [(0, jsx_runtime_1.jsxs)(ListItem_1.ListItemButton, { disabled: requiredToChainType &&
+                                    requiredToChainType !== recentWallet.chainType, onClick: () => handleRecentSelected(recentWallet), children: [(0, jsx_runtime_1.jsx)(material_1.ListItemAvatar, { children: (0, jsx_runtime_1.jsx)(AccountAvatar_1.AccountAvatar, { chainId: utils_1.defaultChainIdsByType[recentWallet.chainType] }) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: recentWallet.name || (0, utils_1.shortenAddress)(recentWallet.address), secondary: recentWallet.name
+                                            ? (0, utils_1.shortenAddress)(recentWallet.address)
+                                            : undefined })] }), (0, jsx_runtime_1.jsx)(SendToWalletPage_style_1.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: (0, jsx_runtime_1.jsx)(MoreHoriz_1.default, { fontSize: "small" }) })] }, recentWallet.address))), !recentWallets.length && ((0, jsx_runtime_1.jsx)(EmptyListIndicator_1.EmptyListIndicator, { icon: (0, jsx_runtime_1.jsx)(Wallet_1.default, { sx: { fontSize: 48 } }), children: t('sendToWallet.noRecentWallets') })), (0, jsx_runtime_1.jsxs)(Menu_1.Menu, { id: moreMenuId, elevation: 0, anchorOrigin: {
+                            vertical: 'bottom',
+                            horizontal: 'right',
+                        }, transformOrigin: {
+                            vertical: 'top',
+                            horizontal: 'right',
+                        }, anchorEl: moreMenuAnchorEl, open: open, onClose: closeMenu, children: [(0, jsx_runtime_1.jsxs)(material_1.MenuItem, { onClick: handleCopyAddress, children: [(0, jsx_runtime_1.jsx)(ContentCopy_1.default, {}), t('button.copyAddress')] }), (0, jsx_runtime_1.jsxs)(material_1.MenuItem, { onClick: handleViewOnExplorer, children: [(0, jsx_runtime_1.jsx)(OpenInNew_1.default, {}), t('button.viewOnExplorer')] }), (0, jsx_runtime_1.jsxs)(material_1.MenuItem, { onClick: handleOpenBookmarkSheet, children: [(0, jsx_runtime_1.jsx)(TurnedIn_1.default, {}), t('button.bookmark')] }), (0, jsx_runtime_1.jsxs)(material_1.MenuItem, { onClick: handleRemoveRecentWallet, children: [(0, jsx_runtime_1.jsx)(Delete_1.default, {}), t('button.delete')] })] })] }), (0, jsx_runtime_1.jsx)(BookmarkAddressSheet_1.BookmarkAddressSheet, { ref: bookmarkAddressSheetRef, validatedWallet: selectedRecent, onAddBookmark: handleAddBookmark }), (0, jsx_runtime_1.jsx)(ConfirmAddressSheet_1.ConfirmAddressSheet, { ref: confirmAddressSheetRef, validatedBookmark: selectedRecent, onConfirm: handleOnConfirm })] }));
+};
+exports.RecentWalletsPage = RecentWalletsPage;
+//# sourceMappingURL=RecentWalletsPage.js.map

package/_cjs/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/_cjs/pages/SendToWallet/SendToConfiguredWalletPage.d.ts

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

package/_cjs/pages/SendToWallet/SendToConfiguredWalletPage.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SendToConfiguredWalletPage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ContentCopy_1 = require("@mui/icons-material/ContentCopy");
+const MoreHoriz_1 = require("@mui/icons-material/MoreHoriz");
+const OpenInNew_1 = require("@mui/icons-material/OpenInNew");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const react_i18next_1 = require("react-i18next");
+const react_router_dom_1 = require("react-router-dom");
+const AccountAvatar_1 = require("../../components/AccountAvatar");
+const ListItem_1 = require("../../components/ListItem");
+const Menu_1 = require("../../components/Menu");
+const hooks_1 = require("../../hooks");
+const stores_1 = require("../../stores");
+const utils_1 = require("../../utils");
+const SendToWalletPage_style_1 = require("./SendToWalletPage.style");
+const providers_1 = require("../../providers");
+const SendToConfiguredWalletPage = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const { toAddresses } = (0, providers_1.useWidgetConfig)();
+    const [selectedToAddress, setSelectedToAddress] = (0, react_1.useState)();
+    const { requiredToChainType } = (0, hooks_1.useToAddressRequirements)();
+    const { setSelectedBookmark } = (0, stores_1.useBookmarkActions)();
+    const { setFieldValue } = (0, stores_1.useFieldActions)();
+    const { getChainById } = (0, hooks_1.useChains)();
+    const moreMenuId = (0, react_1.useId)();
+    const [moreMenuAnchorEl, setMenuAnchorEl] = (0, react_1.useState)();
+    const open = Boolean(moreMenuAnchorEl);
+    const handleCuratedSelected = (toAddress) => {
+        setSelectedBookmark(toAddress);
+        setFieldValue('toAddress', toAddress.address, { isTouched: true });
+        navigate(utils_1.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(utils_1.defaultChainIdsByType[selectedToAddress.chainType]);
+            window.open(`${chain?.metamask.blockExplorerUrls[0]}address/${selectedToAddress.address}`, '_blank');
+        }
+        closeMenu();
+    };
+    return ((0, jsx_runtime_1.jsx)(SendToWalletPage_style_1.SendToWalletPageContainer, { disableGutters: true, children: (0, jsx_runtime_1.jsxs)(SendToWalletPage_style_1.ListContainer, { sx: { minHeight: 418 }, children: [toAddresses?.map((toAddress) => ((0, jsx_runtime_1.jsxs)(ListItem_1.ListItem, { sx: { position: 'relative' }, children: [(0, jsx_runtime_1.jsxs)(ListItem_1.ListItemButton, { disabled: requiredToChainType &&
+                                requiredToChainType !== toAddress.chainType, onClick: () => handleCuratedSelected(toAddress), children: [(0, jsx_runtime_1.jsx)(material_1.ListItemAvatar, { children: (0, jsx_runtime_1.jsx)(AccountAvatar_1.AccountAvatar, { chainId: utils_1.defaultChainIdsByType[toAddress.chainType] }) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: toAddress.name || (0, utils_1.shortenAddress)(toAddress.address), secondary: toAddress.name ? (0, utils_1.shortenAddress)(toAddress.address) : undefined })] }), (0, jsx_runtime_1.jsx)(SendToWalletPage_style_1.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: (0, jsx_runtime_1.jsx)(MoreHoriz_1.default, { fontSize: "small" }) })] }, toAddress.address))), (0, jsx_runtime_1.jsxs)(Menu_1.Menu, { id: moreMenuId, elevation: 0, anchorOrigin: {
+                        vertical: 'bottom',
+                        horizontal: 'right',
+                    }, transformOrigin: {
+                        vertical: 'top',
+                        horizontal: 'right',
+                    }, anchorEl: moreMenuAnchorEl, open: open, onClose: closeMenu, children: [(0, jsx_runtime_1.jsxs)(material_1.MenuItem, { onClick: handleCopyAddress, children: [(0, jsx_runtime_1.jsx)(ContentCopy_1.default, {}), t('button.copyAddress')] }), (0, jsx_runtime_1.jsxs)(material_1.MenuItem, { onClick: handleViewOnExplorer, children: [(0, jsx_runtime_1.jsx)(OpenInNew_1.default, {}), t('button.viewOnExplorer')] })] })] }) }));
+};
+exports.SendToConfiguredWalletPage = SendToConfiguredWalletPage;
+//# sourceMappingURL=SendToConfiguredWalletPage.js.map

package/_cjs/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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"}