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

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

@@ -1,45 +1,82 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Wallet from '@mui/icons-material/Wallet';
-import WarningRounded from '@mui/icons-material/WarningRounded';
-import { Button, Typography } from '@mui/material';
-import { forwardRef, useRef } from 'react';
-import { useTranslation } from 'react-i18next';
-import { BottomSheet } from '../../components/BottomSheet/BottomSheet.js';
-import { AlertMessage } from '../../components/Messages/AlertMessage.js';
-import { useNavigateBack } from '../../hooks/useNavigateBack.js';
-import { useSetContentHeight } from '../../hooks/useSetContentHeight.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((props, ref) => {
-    const handleClose = () => {
-        ;
-        ref.current?.close();
-    };
-    return (_jsx(BottomSheet, { ref: ref, children: _jsx(ConfirmAddressSheetContent, { ...props, onClose: handleClose }) }));
+import { useFieldActions } from "../../stores/form/useFieldActions.js";
+import { useNavigateBack } from "../../hooks/useNavigateBack.js";
+import { AlertMessage } from "../../components/Messages/AlertMessage.js";
+import { BottomSheet } from "../../components/BottomSheet/BottomSheet.js";
+import { IconContainer, SendToWalletButtonRow, SendToWalletSheetContainer, SheetAddressContainer, SheetTitle } from "./SendToWalletPage.style.js";
+import { useSetContentHeight } from "../../hooks/useSetContentHeight.js";
+import { forwardRef, useRef } from "react";
+import { Button, Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import Wallet from "@mui/icons-material/Wallet";
+import WarningRounded from "@mui/icons-material/WarningRounded";
+//#region src/pages/SendToWallet/ConfirmAddressSheet.tsx
+const ConfirmAddressSheet = forwardRef((props, ref) => {
+	const handleClose = () => {
+		ref.current?.close();
+	};
+	return /* @__PURE__ */ jsx(BottomSheet, {
+		ref,
+		children: /* @__PURE__ */ jsx(ConfirmAddressSheetContent, {
+			...props,
+			onClose: handleClose
+		})
+	});
 });
-const ConfirmAddressSheetContent = ({ validatedBookmark, onConfirm, onClose, }) => {
-    const { t } = useTranslation();
-    const navigateBack = useNavigateBack();
-    const { setFieldValue } = useFieldActions();
-    const { setSendToWallet } = useSendToWalletActions();
-    const containerRef = useRef(null);
-    useSetContentHeight(containerRef);
-    const handleConfirm = () => {
-        if (validatedBookmark) {
-            setFieldValue('toAddress', validatedBookmark.address, {
-                isTouched: true,
-                isDirty: true,
-            });
-            onConfirm?.(validatedBookmark);
-            setSendToWallet(true);
-            onClose();
-            navigateBack();
-        }
-    };
-    return (_jsxs(SendToWalletSheetContainer, { ref: containerRef, children: [_jsx(IconContainer, { children: _jsx(Wallet, { sx: { fontSize: 40 } }) }), _jsx(SheetTitle, { children: t('sendToWallet.confirmWalletAddress') }), _jsxs(SheetAddressContainer, { children: [validatedBookmark?.name ? (_jsx(Typography, { sx: {
-                            fontWeight: 600,
-                            mb: 0.5,
-                        }, children: validatedBookmark?.name })) : null, _jsx(Typography, { children: validatedBookmark?.address })] }), _jsx(AlertMessage, { severity: "warning", title: _jsx(Typography, { variant: "body2", sx: { color: 'text.primary' }, children: t('warning.message.fundsLossPrevention') }), icon: _jsx(WarningRounded, {}), multiline: true }), _jsxs(SendToWalletButtonRow, { children: [_jsx(Button, { variant: "text", onClick: onClose, fullWidth: true, children: t('button.cancel') }), _jsx(Button, { variant: "contained", onClick: handleConfirm, fullWidth: true, children: t('button.confirm') })] })] }));
+const ConfirmAddressSheetContent = ({ validatedBookmark, onConfirm, onClose }) => {
+	const { t } = useTranslation();
+	const navigateBack = useNavigateBack();
+	const { setFieldValue } = useFieldActions();
+	const containerRef = useRef(null);
+	useSetContentHeight(containerRef);
+	const handleConfirm = () => {
+		if (validatedBookmark) {
+			setFieldValue("toAddress", validatedBookmark.address, {
+				isTouched: true,
+				isDirty: true
+			});
+			onConfirm?.(validatedBookmark);
+			onClose();
+			navigateBack();
+		}
+	};
+	return /* @__PURE__ */ jsxs(SendToWalletSheetContainer, {
+		ref: containerRef,
+		children: [
+			/* @__PURE__ */ jsx(IconContainer, { children: /* @__PURE__ */ jsx(Wallet, { sx: { fontSize: 40 } }) }),
+			/* @__PURE__ */ jsx(SheetTitle, { children: t("sendToWallet.confirmWalletAddress") }),
+			/* @__PURE__ */ jsxs(SheetAddressContainer, { children: [validatedBookmark?.name ? /* @__PURE__ */ jsx(Typography, {
+				sx: {
+					fontWeight: 600,
+					mb: .5
+				},
+				children: validatedBookmark?.name
+			}) : null, /* @__PURE__ */ jsx(Typography, { children: validatedBookmark?.address })] }),
+			/* @__PURE__ */ jsx(AlertMessage, {
+				severity: "warning",
+				title: /* @__PURE__ */ jsx(Typography, {
+					variant: "body2",
+					sx: { color: "text.primary" },
+					children: t("warning.message.fundsLossPrevention")
+				}),
+				icon: /* @__PURE__ */ jsx(WarningRounded, {}),
+				multiline: true
+			}),
+			/* @__PURE__ */ jsxs(SendToWalletButtonRow, { children: [/* @__PURE__ */ jsx(Button, {
+				variant: "text",
+				onClick: onClose,
+				fullWidth: true,
+				children: t("button.cancel")
+			}), /* @__PURE__ */ jsx(Button, {
+				variant: "contained",
+				onClick: handleConfirm,
+				fullWidth: true,
+				children: t("button.confirm")
+			})] })
+		]
+	});
 };
+//#endregion
+export { ConfirmAddressSheet };
+
 //# sourceMappingURL=ConfirmAddressSheet.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmAddressSheet.js","sourceRoot":"","sources":["../../../../src/pages/SendToWallet/ConfirmAddressSheet.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ConfirmAddressSheet.js","names":[],"sources":["../../../../src/pages/SendToWallet/ConfirmAddressSheet.tsx"],"sourcesContent":["import Wallet from '@mui/icons-material/Wallet'\nimport WarningRounded from '@mui/icons-material/WarningRounded'\nimport { Button, Typography } from '@mui/material'\nimport type { ForwardRefExoticComponent, RefAttributes, RefObject } from 'react'\nimport { forwardRef, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { BottomSheet } from '../../components/BottomSheet/BottomSheet.js'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { AlertMessage } from '../../components/Messages/AlertMessage.js'\nimport { useNavigateBack } from '../../hooks/useNavigateBack.js'\nimport { useSetContentHeight } from '../../hooks/useSetContentHeight.js'\nimport type { Bookmark } from '../../stores/bookmarks/types.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport {\n  IconContainer,\n  SendToWalletButtonRow,\n  SendToWalletSheetContainer,\n  SheetAddressContainer,\n  SheetTitle,\n} from './SendToWalletPage.style.js'\n\ninterface ConfirmAddressSheetProps {\n  onConfirm: (wallet: Bookmark) => void\n  validatedBookmark?: Bookmark\n}\n\ninterface ConfirmAddressSheetContentProps extends ConfirmAddressSheetProps {\n  onClose: () => void\n}\n\nexport const ConfirmAddressSheet: ForwardRefExoticComponent<\n  ConfirmAddressSheetProps & RefAttributes<BottomSheetBase>\n> = forwardRef<BottomSheetBase, ConfirmAddressSheetProps>((props, ref) => {\n  const handleClose = () => {\n    ;(ref as RefObject<BottomSheetBase>).current?.close()\n  }\n\n  return (\n    <BottomSheet ref={ref}>\n      <ConfirmAddressSheetContent {...props} onClose={handleClose} />\n    </BottomSheet>\n  )\n})\n\nconst ConfirmAddressSheetContent: React.FC<ConfirmAddressSheetContentProps> = ({\n  validatedBookmark,\n  onConfirm,\n  onClose,\n}) => {\n  const { t } = useTranslation()\n  const navigateBack = useNavigateBack()\n  const { setFieldValue } = useFieldActions()\n  const containerRef = useRef<HTMLElement>(null)\n  useSetContentHeight(containerRef)\n\n  const handleConfirm = () => {\n    if (validatedBookmark) {\n      setFieldValue('toAddress', validatedBookmark.address, {\n        isTouched: true,\n        isDirty: true,\n      })\n      onConfirm?.(validatedBookmark)\n      onClose()\n      navigateBack()\n    }\n  }\n\n  return (\n    <SendToWalletSheetContainer ref={containerRef}>\n      <IconContainer>\n        <Wallet sx={{ fontSize: 40 }} />\n      </IconContainer>\n      <SheetTitle>{t('sendToWallet.confirmWalletAddress')}</SheetTitle>\n      <SheetAddressContainer>\n        {validatedBookmark?.name ? (\n          <Typography\n            sx={{\n              fontWeight: 600,\n              mb: 0.5,\n            }}\n          >\n            {validatedBookmark?.name}\n          </Typography>\n        ) : null}\n        <Typography>{validatedBookmark?.address}</Typography>\n      </SheetAddressContainer>\n      <AlertMessage\n        severity=\"warning\"\n        title={\n          <Typography variant=\"body2\" sx={{ color: 'text.primary' }}>\n            {t('warning.message.fundsLossPrevention')}\n          </Typography>\n        }\n        icon={<WarningRounded />}\n        multiline\n      />\n      <SendToWalletButtonRow>\n        <Button variant=\"text\" onClick={onClose} fullWidth>\n          {t('button.cancel')}\n        </Button>\n        <Button variant=\"contained\" onClick={handleConfirm} fullWidth>\n          {t('button.confirm')}\n        </Button>\n      </SendToWalletButtonRow>\n    </SendToWalletSheetContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AA8BA,MAAa,sBAET,YAAuD,OAAO,QAAQ;CACxE,MAAM,oBAAoB;AACtB,MAAmC,SAAS,OAAO;;AAGvD,QACE,oBAAC,aAAD;EAAkB;YAChB,oBAAC,4BAAD;GAA4B,GAAI;GAAO,SAAS;GAAe,CAAA;EACnD,CAAA;EAEhB;AAEF,MAAM,8BAAyE,EAC7E,mBACA,WACA,cACI;CACJ,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,eAAe,iBAAiB;CACtC,MAAM,EAAE,kBAAkB,iBAAiB;CAC3C,MAAM,eAAe,OAAoB,KAAK;AAC9C,qBAAoB,aAAa;CAEjC,MAAM,sBAAsB;AAC1B,MAAI,mBAAmB;AACrB,iBAAc,aAAa,kBAAkB,SAAS;IACpD,WAAW;IACX,SAAS;IACV,CAAC;AACF,eAAY,kBAAkB;AAC9B,YAAS;AACT,iBAAc;;;AAIlB,QACE,qBAAC,4BAAD;EAA4B,KAAK;YAAjC;GACE,oBAAC,eAAD,EAAA,UACE,oBAAC,QAAD,EAAQ,IAAI,EAAE,UAAU,IAAI,EAAI,CAAA,EAClB,CAAA;GAChB,oBAAC,YAAD,EAAA,UAAa,EAAE,oCAAoC,EAAc,CAAA;GACjE,qBAAC,uBAAD,EAAA,UAAA,CACG,mBAAmB,OAClB,oBAAC,YAAD;IACE,IAAI;KACF,YAAY;KACZ,IAAI;KACL;cAEA,mBAAmB;IACT,CAAA,GACX,MACJ,oBAAC,YAAD,EAAA,UAAa,mBAAmB,SAAqB,CAAA,CAC/B,EAAA,CAAA;GACxB,oBAAC,cAAD;IACE,UAAS;IACT,OACE,oBAAC,YAAD;KAAY,SAAQ;KAAQ,IAAI,EAAE,OAAO,gBAAgB;eACtD,EAAE,sCAAsC;KAC9B,CAAA;IAEf,MAAM,oBAAC,gBAAD,EAAkB,CAAA;IACxB,WAAA;IACA,CAAA;GACF,qBAAC,uBAAD,EAAA,UAAA,CACE,oBAAC,QAAD;IAAQ,SAAQ;IAAO,SAAS;IAAS,WAAA;cACtC,EAAE,gBAAgB;IACZ,CAAA,EACT,oBAAC,QAAD;IAAQ,SAAQ;IAAY,SAAS;IAAe,WAAA;cACjD,EAAE,iBAAiB;IACb,CAAA,CACa,EAAA,CAAA;GACG"}

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

@@ -1,96 +1,91 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAccount } from '@lifi/wallet-management';
-import ContentCopyRounded from '@mui/icons-material/ContentCopyRounded';
-import MoreHoriz from '@mui/icons-material/MoreHoriz';
-import OpenInNewRounded from '@mui/icons-material/OpenInNewRounded';
-import Wallet from '@mui/icons-material/Wallet';
-import { ListItemAvatar, ListItemText, MenuItem } from '@mui/material';
-import { useNavigate } from '@tanstack/react-router';
-import { useId, 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 { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js';
-import { useFieldActions } from '../../stores/form/useFieldActions.js';
-import { useSendToWalletActions } from '../../stores/settings/useSendToWalletStore.js';
-import { navigationRoutes } from '../../utils/navigationRoutes.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,
-            isDirty: true,
-        });
-        setSelectedBookmark({
-            name: account.connector?.name,
-            address: account.address,
-            chainType: account.chainType,
-            isConnectedAccount: true,
-        });
-        setSendToWallet(true);
-        navigate({
-            to: navigationRoutes.home,
-            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 (_jsx(SendToWalletPageContainer, { disableGutters: true, children: _jsxs(ListContainer, { children: [accounts.map((account) => {
-                    const walletAddress = shortenAddress(account.address);
-                    return (_jsxs(ListItem, { sx: { position: 'relative' }, children: [_jsxs(ListItemButton, { onClick: () => handleWalletSelected(account), disabled: requiredToChainType &&
-                                    requiredToChainType !== account.chainType, children: [_jsx(ListItemAvatar, { children: _jsx(AccountAvatar, { chainId: account.chainId, account: account }) }), _jsx(ListItemText, { primary: account.connector?.name, secondary: walletAddress })] }), _jsx(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: _jsx(MoreHoriz, { fontSize: "small" }) })] }, account.address));
-                }), !accounts.length && (_jsx(EmptyListIndicator, { icon: _jsx(Wallet, { sx: { fontSize: 48 } }), children: t('sendToWallet.noConnectedWallets') })), _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')] })] })] }) }));
+import { navigationRoutes } from "../../utils/navigationRoutes.js";
+import { useBookmarkActions } from "../../stores/bookmarks/useBookmarkActions.js";
+import { useFieldActions } from "../../stores/form/useFieldActions.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 { ListContainer, SendToWalletPageContainer } from "./SendToWalletPage.style.js";
+import { EmptyListIndicator } from "./EmptyListIndicator.js";
+import { useNavigate } from "@tanstack/react-router";
+import { ListItemAvatar, ListItemText } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { useAccount } from "@lifi/wallet-management";
+import Wallet from "@mui/icons-material/Wallet";
+import ContentCopyRounded from "@mui/icons-material/ContentCopyRounded";
+import OpenInNewRounded from "@mui/icons-material/OpenInNewRounded";
+//#region src/pages/SendToWallet/ConnectedWalletsPage.tsx
+const ConnectedWalletsPage = () => {
+	const { t } = useTranslation();
+	const { accounts } = useAccount();
+	const { setSelectedBookmark } = useBookmarkActions();
+	const { requiredToChainType } = useToAddressRequirements();
+	const navigate = useNavigate();
+	const { setFieldValue } = useFieldActions();
+	const { getAddressLink } = useExplorer();
+	useHeader(t("sendToWallet.connectedWallets"));
+	const handleWalletSelected = (account) => {
+		setFieldValue("toAddress", account.address, {
+			isTouched: true,
+			isDirty: true
+		});
+		setSelectedBookmark({
+			name: account.connector?.name,
+			address: account.address,
+			chainType: account.chainType,
+			isConnectedAccount: true
+		});
+		navigate({
+			to: navigationRoutes.home,
+			replace: true
+		});
+	};
+	return /* @__PURE__ */ jsx(SendToWalletPageContainer, {
+		disableGutters: true,
+		children: /* @__PURE__ */ jsxs(ListContainer, { children: [accounts.map((account) => {
+			const walletAddress = shortenAddress(account.address);
+			const menuItems = [{
+				icon: /* @__PURE__ */ jsx(ContentCopyRounded, {}),
+				label: t("button.copyAddress"),
+				onClick: () => {
+					if (account.address) navigator.clipboard.writeText(account.address);
+				}
+			}, ...account.chainId ? [{
+				icon: /* @__PURE__ */ jsx(OpenInNewRounded, {}),
+				label: t("button.viewOnExplorer"),
+				onClick: () => {
+					if (account.address) window.open(getAddressLink(account.address, account.chainId), "_blank");
+				}
+			}] : []];
+			return /* @__PURE__ */ jsxs(ListItem$1, {
+				sx: { position: "relative" },
+				children: [/* @__PURE__ */ jsxs(ListItemButton$1, {
+					onClick: () => handleWalletSelected(account),
+					disabled: requiredToChainType && requiredToChainType !== account.chainType,
+					children: [/* @__PURE__ */ jsx(ListItemAvatar, { children: /* @__PURE__ */ jsx(AccountAvatar, {
+						chainId: account.chainId,
+						account
+					}) }), /* @__PURE__ */ jsx(ListItemText, {
+						primary: account.connector?.name,
+						secondary: walletAddress
+					})]
+				}), /* @__PURE__ */ jsx(ContextMenu, {
+					items: menuItems,
+					disabled: !!(requiredToChainType && requiredToChainType !== account.chainType)
+				})]
+			}, account.address);
+		}), !accounts.length && /* @__PURE__ */ jsx(EmptyListIndicator, {
+			icon: /* @__PURE__ */ jsx(Wallet, { sx: { fontSize: 48 } }),
+			children: t("sendToWallet.noConnectedWallets")
+		})] })
+	});
 };
+//#endregion
+export { ConnectedWalletsPage };
+
 //# sourceMappingURL=ConnectedWalletsPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ConnectedWalletsPage.js","sourceRoot":"","sources":["../../../../src/pages/SendToWallet/ConnectedWalletsPage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ConnectedWalletsPage.js","names":["ListItem","ListItemButton"],"sources":["../../../../src/pages/SendToWallet/ConnectedWalletsPage.tsx"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport type { Account } from '@lifi/widget-provider'\nimport ContentCopyRounded from '@mui/icons-material/ContentCopyRounded'\nimport OpenInNewRounded from '@mui/icons-material/OpenInNewRounded'\nimport Wallet from '@mui/icons-material/Wallet'\nimport { ListItemAvatar, ListItemText } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport type { JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { AccountAvatar } from '../../components/Avatar/AccountAvatar.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 { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { shortenAddress } from '../../utils/wallet.js'\nimport { EmptyListIndicator } from './EmptyListIndicator.js'\nimport {\n  ListContainer,\n  SendToWalletPageContainer,\n} from './SendToWalletPage.style.js'\n\nexport const ConnectedWalletsPage = (): JSX.Element => {\n  const { t } = useTranslation()\n  const { accounts } = useAccount()\n  const { setSelectedBookmark } = useBookmarkActions()\n  const { requiredToChainType } = useToAddressRequirements()\n  const navigate = useNavigate()\n  const { setFieldValue } = useFieldActions()\n  const { getAddressLink } = useExplorer()\n\n  useHeader(t('sendToWallet.connectedWallets'))\n\n  const handleWalletSelected = (account: Account) => {\n    setFieldValue('toAddress', account.address!, {\n      isTouched: true,\n      isDirty: true,\n    })\n    setSelectedBookmark({\n      name: account.connector?.name,\n      address: account.address!,\n      chainType: account.chainType!,\n      isConnectedAccount: true,\n    })\n    navigate({\n      to: navigationRoutes.home,\n      replace: true,\n    })\n  }\n\n  return (\n    <SendToWalletPageContainer disableGutters>\n      <ListContainer>\n        {accounts.map((account) => {\n          const walletAddress = shortenAddress(account.address)\n          const menuItems = [\n            {\n              icon: <ContentCopyRounded />,\n              label: t('button.copyAddress'),\n              onClick: () => {\n                if (account.address) {\n                  navigator.clipboard.writeText(account.address)\n                }\n              },\n            },\n            ...(account.chainId\n              ? [\n                  {\n                    icon: <OpenInNewRounded />,\n                    label: t('button.viewOnExplorer'),\n                    onClick: () => {\n                      if (account.address) {\n                        window.open(\n                          getAddressLink(account.address, account.chainId),\n                          '_blank'\n                        )\n                      }\n                    },\n                  },\n                ]\n              : []),\n          ]\n\n          return (\n            <ListItem key={account.address} sx={{ position: 'relative' }}>\n              <ListItemButton\n                onClick={() => handleWalletSelected(account)}\n                disabled={\n                  requiredToChainType &&\n                  requiredToChainType !== account.chainType\n                }\n              >\n                <ListItemAvatar>\n                  <AccountAvatar chainId={account.chainId} account={account} />\n                </ListItemAvatar>\n                <ListItemText\n                  primary={account.connector?.name}\n                  secondary={walletAddress}\n                />\n              </ListItemButton>\n              <ContextMenu\n                items={menuItems}\n                disabled={\n                  !!(\n                    requiredToChainType &&\n                    requiredToChainType !== account.chainType\n                  )\n                }\n              />\n            </ListItem>\n          )\n        })}\n        {!accounts.length && (\n          <EmptyListIndicator icon={<Wallet sx={{ fontSize: 48 }} />}>\n            {t('sendToWallet.noConnectedWallets')}\n          </EmptyListIndicator>\n        )}\n      </ListContainer>\n    </SendToWalletPageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAa,6BAA0C;CACrD,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,aAAa,YAAY;CACjC,MAAM,EAAE,wBAAwB,oBAAoB;CACpD,MAAM,EAAE,wBAAwB,0BAA0B;CAC1D,MAAM,WAAW,aAAa;CAC9B,MAAM,EAAE,kBAAkB,iBAAiB;CAC3C,MAAM,EAAE,mBAAmB,aAAa;AAExC,WAAU,EAAE,gCAAgC,CAAC;CAE7C,MAAM,wBAAwB,YAAqB;AACjD,gBAAc,aAAa,QAAQ,SAAU;GAC3C,WAAW;GACX,SAAS;GACV,CAAC;AACF,sBAAoB;GAClB,MAAM,QAAQ,WAAW;GACzB,SAAS,QAAQ;GACjB,WAAW,QAAQ;GACnB,oBAAoB;GACrB,CAAC;AACF,WAAS;GACP,IAAI,iBAAiB;GACrB,SAAS;GACV,CAAC;;AAGJ,QACE,oBAAC,2BAAD;EAA2B,gBAAA;YACzB,qBAAC,eAAD,EAAA,UAAA,CACG,SAAS,KAAK,YAAY;GACzB,MAAM,gBAAgB,eAAe,QAAQ,QAAQ;GACrD,MAAM,YAAY,CAChB;IACE,MAAM,oBAAC,oBAAD,EAAsB,CAAA;IAC5B,OAAO,EAAE,qBAAqB;IAC9B,eAAe;AACb,SAAI,QAAQ,QACV,WAAU,UAAU,UAAU,QAAQ,QAAQ;;IAGnD,EACD,GAAI,QAAQ,UACR,CACE;IACE,MAAM,oBAAC,kBAAD,EAAoB,CAAA;IAC1B,OAAO,EAAE,wBAAwB;IACjC,eAAe;AACb,SAAI,QAAQ,QACV,QAAO,KACL,eAAe,QAAQ,SAAS,QAAQ,QAAQ,EAChD,SACD;;IAGN,CACF,GACD,EAAE,CACP;AAED,UACE,qBAACA,YAAD;IAAgC,IAAI,EAAE,UAAU,YAAY;cAA5D,CACE,qBAACC,kBAAD;KACE,eAAe,qBAAqB,QAAQ;KAC5C,UACE,uBACA,wBAAwB,QAAQ;eAJpC,CAOE,oBAAC,gBAAD,EAAA,UACE,oBAAC,eAAD;MAAe,SAAS,QAAQ;MAAkB;MAAW,CAAA,EAC9C,CAAA,EACjB,oBAAC,cAAD;MACE,SAAS,QAAQ,WAAW;MAC5B,WAAW;MACX,CAAA,CACa;QACjB,oBAAC,aAAD;KACE,OAAO;KACP,UACE,CAAC,EACC,uBACA,wBAAwB,QAAQ;KAGpC,CAAA,CACO;MAzBI,QAAQ,QAyBZ;IAEb,EACD,CAAC,SAAS,UACT,oBAAC,oBAAD;GAAoB,MAAM,oBAAC,QAAD,EAAQ,IAAI,EAAE,UAAU,IAAI,EAAI,CAAA;aACvD,EAAE,kCAAkC;GAClB,CAAA,CAET,EAAA,CAAA;EACU,CAAA"}

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

@@ -1,9 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Typography } from '@mui/material';
-import { EmptyContainer, IconContainer } from './SendToWalletPage.style.js';
-export const EmptyListIndicator = ({ icon, children, }) => (_jsxs(EmptyContainer, { children: [_jsx(IconContainer, { children: icon }), _jsx(Typography, { sx: {
-                fontSize: 14,
-                fontWeight: 700,
-                color: 'text.secondary',
-            }, children: children })] }));
+import { EmptyContainer, IconContainer } from "./SendToWalletPage.style.js";
+import { Typography } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/pages/SendToWallet/EmptyListIndicator.tsx
+const EmptyListIndicator = ({ icon, children }) => /* @__PURE__ */ jsxs(EmptyContainer, { children: [/* @__PURE__ */ jsx(IconContainer, { children: icon }), /* @__PURE__ */ jsx(Typography, {
+	sx: {
+		fontSize: 14,
+		fontWeight: 700,
+		color: "text.secondary"
+	},
+	children
+})] });
+//#endregion
+export { EmptyListIndicator };
+
 //# sourceMappingURL=EmptyListIndicator.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyListIndicator.js","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,MAAC,cAAc,eACb,KAAC,aAAa,cAAE,IAAI,GAAiB,EACrC,KAAC,UAAU,IACT,EAAE,EAAE;gBACF,QAAQ,EAAE,EAAE;gBACZ,UAAU,EAAE,GAAG;gBACf,KAAK,EAAE,gBAAgB;aACxB,YAEA,QAAQ,GACE,IACE,CAClB,CAAA"}
+{"version":3,"file":"EmptyListIndicator.js","names":[],"sources":["../../../../src/pages/SendToWallet/EmptyListIndicator.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport type { JSX, PropsWithChildren, ReactNode } from 'react'\nimport { EmptyContainer, IconContainer } from './SendToWalletPage.style.js'\n\ninterface EmptyListIndicatorProps extends PropsWithChildren {\n  icon: ReactNode\n}\nexport const EmptyListIndicator = ({\n  icon,\n  children,\n}: EmptyListIndicatorProps): JSX.Element => (\n  <EmptyContainer>\n    <IconContainer>{icon}</IconContainer>\n    <Typography\n      sx={{\n        fontSize: 14,\n        fontWeight: 700,\n        color: 'text.secondary',\n      }}\n    >\n      {children}\n    </Typography>\n  </EmptyContainer>\n)\n"],"mappings":";;;;AAOA,MAAa,sBAAsB,EACjC,MACA,eAEA,qBAAC,gBAAD,EAAA,UAAA,CACE,oBAAC,eAAD,EAAA,UAAgB,MAAqB,CAAA,EACrC,oBAAC,YAAD;CACE,IAAI;EACF,UAAU;EACV,YAAY;EACZ,OAAO;EACR;CAEA;CACU,CAAA,CACE,EAAA,CAAA"}