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

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

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

package/_cjs/pages/SendToWallet/SendToWalletPage.js

@@ -0,0 +1,119 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SendToWalletPage = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Error_1 = require("@mui/icons-material/Error");
+const History_1 = require("@mui/icons-material/History");
+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 Card_1 = require("../../components/Card");
+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 SendToWalletPage_style_1 = require("./SendToWalletPage.style");
+const SendToWalletPage = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const { bookmarks, recentWallets } = (0, stores_1.useBookmarks)();
+    const { addBookmark, getBookmark, setSelectedBookmark, addRecentWallet } = (0, stores_1.useBookmarkActions)();
+    const bookmarkAddressSheetRef = (0, react_1.useRef)(null);
+    const confirmAddressSheetRef = (0, react_1.useRef)(null);
+    const [inputAddressValue, setInputAddressValue] = (0, react_1.useState)('');
+    const [validatedWallet, setValidatedWallet] = (0, react_1.useState)();
+    const [errorMessage, setErrorMessage] = (0, react_1.useState)('');
+    const { validateAddress, isValidating } = (0, hooks_1.useAddressValidation)();
+    const { accounts } = (0, hooks_1.useAccount)();
+    const connectedWallets = accounts.filter((account) => account.isConnected);
+    const { requiredToChainType } = (0, hooks_1.useToAddressRequirements)();
+    const [toChainId] = (0, stores_1.useFieldValues)('toChain');
+    const { chain: toChain } = (0, hooks_1.useChain)(toChainId);
+    const handleInputChange = (e) => {
+        if (errorMessage) {
+            setErrorMessage('');
+        }
+        setInputAddressValue(e.target.value.trim());
+    };
+    const handleDone = async () => {
+        if (isValidating) {
+            return;
+        }
+        if (!inputAddressValue) {
+            setErrorMessage(t('error.title.addressRequired'));
+            return;
+        }
+        const validationResult = await validateAddress(inputAddressValue);
+        if (!validationResult.isValid) {
+            setErrorMessage(validationResult.error);
+            return;
+        }
+        if (requiredToChainType &&
+            requiredToChainType !== validationResult.chainType) {
+            setErrorMessage(t('error.title.walletChainTypeInvalid', {
+                chainName: toChain?.name,
+            }));
+            return;
+        }
+        setValidatedWallet({
+            name: validationResult.addressType === 'ENS' ? inputAddressValue : undefined,
+            address: validationResult.address,
+            chainType: validationResult.chainType,
+        });
+        confirmAddressSheetRef.current?.open();
+    };
+    const handleBookmarkAddress = async () => {
+        if (isValidating) {
+            return;
+        }
+        if (!inputAddressValue) {
+            setErrorMessage(t('error.title.addressRequired'));
+            return;
+        }
+        const existingBookmarkWallet = getBookmark(inputAddressValue);
+        if (existingBookmarkWallet) {
+            setErrorMessage(t('error.title.bookmarkAlreadyExists', {
+                name: existingBookmarkWallet.name,
+            }));
+            return;
+        }
+        const validationResult = await validateAddress(inputAddressValue);
+        if (validationResult.isValid) {
+            setValidatedWallet({
+                name: validationResult.addressType === 'ENS'
+                    ? inputAddressValue
+                    : undefined,
+                address: validationResult.address,
+                chainType: validationResult.chainType,
+            });
+            bookmarkAddressSheetRef.current?.open();
+        }
+        else {
+            setErrorMessage(validationResult.error);
+        }
+    };
+    const handleRecentWalletsClick = () => {
+        navigate(utils_1.navigationRoutes.recentWallets);
+    };
+    const handleConnectedWalletsClick = () => {
+        navigate(utils_1.navigationRoutes.connectedWallets);
+    };
+    const handleBookmarkedWalletsClick = () => {
+        navigate(utils_1.navigationRoutes.bookmarks);
+    };
+    const handleAddBookmark = (bookmark) => {
+        addBookmark(bookmark);
+        navigate(utils_1.navigationRoutes.bookmarks);
+    };
+    const handleOnConfirm = (confirmedWallet) => {
+        setSelectedBookmark(confirmedWallet);
+        addRecentWallet(confirmedWallet);
+    };
+    return ((0, jsx_runtime_1.jsxs)(SendToWalletPage_style_1.SendToWalletPageContainer, { topBottomGutters: true, children: [(0, jsx_runtime_1.jsxs)(SendToWalletPage_style_1.SendToWalletCard, { mb: 6, variant: errorMessage ? 'error' : 'default', children: [(0, jsx_runtime_1.jsx)(SendToWalletPage_style_1.AddressInput, { size: "small", autoComplete: "off", autoCorrect: "off", autoCapitalize: "off", spellCheck: "false", onChange: handleInputChange, value: inputAddressValue, placeholder: t('sendToWallet.enterAddress'), "aria-label": t('sendToWallet.enterAddress'), maxRows: 2, inputProps: { maxLength: 128 }, multiline: true }), errorMessage ? ((0, jsx_runtime_1.jsx)(SendToWalletPage_style_1.ValidationAlert, { icon: (0, jsx_runtime_1.jsx)(Error_1.default, {}), sx: { pb: 2, paddingX: 2 }, children: errorMessage })) : null, (0, jsx_runtime_1.jsxs)(SendToWalletPage_style_1.SendToWalletButtonRow, { sx: { paddingX: 2, paddingBottom: 2 }, children: [(0, jsx_runtime_1.jsx)(SendToWalletPage_style_1.SendToWalletButton, { variant: "text", onClick: handleDone, sx: { flexGrow: 1 }, children: t('button.done') }), (0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: t('button.bookmark'), arrow: true, children: (0, jsx_runtime_1.jsx)(SendToWalletPage_style_1.SendToWalletIconButton, { onClick: handleBookmarkAddress, children: (0, jsx_runtime_1.jsx)(TurnedIn_1.default, { fontSize: "small" }) }) })] }), (0, jsx_runtime_1.jsx)(ConfirmAddressSheet_1.ConfirmAddressSheet, { ref: confirmAddressSheetRef, validatedBookmark: validatedWallet, onConfirm: handleOnConfirm }), (0, jsx_runtime_1.jsx)(BookmarkAddressSheet_1.BookmarkAddressSheet, { ref: bookmarkAddressSheetRef, validatedWallet: validatedWallet, onAddBookmark: handleAddBookmark })] }), (0, jsx_runtime_1.jsx)(Card_1.CardButton, { title: t('header.recentWallets'), icon: (0, jsx_runtime_1.jsx)(History_1.default, {}), onClick: handleRecentWalletsClick, children: !!recentWallets.length && ((0, jsx_runtime_1.jsx)(SendToWalletPage_style_1.WalletNumber, { children: recentWallets.length })) }), (0, jsx_runtime_1.jsx)(Card_1.CardButton, { title: t('sendToWallet.connectedWallets'), icon: (0, jsx_runtime_1.jsx)(Wallet_1.default, {}), onClick: handleConnectedWalletsClick, children: !!connectedWallets.length && ((0, jsx_runtime_1.jsx)(SendToWalletPage_style_1.WalletNumber, { children: connectedWallets.length })) }), (0, jsx_runtime_1.jsx)(Card_1.CardButton, { title: t('header.bookmarkedWallets'), icon: (0, jsx_runtime_1.jsx)(TurnedIn_1.default, {}), onClick: handleBookmarkedWalletsClick, children: !!bookmarks.length && (0, jsx_runtime_1.jsx)(SendToWalletPage_style_1.WalletNumber, { children: bookmarks.length }) })] }));
+};
+exports.SendToWalletPage = SendToWalletPage;
+//# sourceMappingURL=SendToWalletPage.js.map

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

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

package/_cjs/pages/SendToWallet/SendToWalletPage.style.d.ts

@@ -0,0 +1,61 @@
+/// <reference types="react" />
+import type { Theme } from '@mui/material';
+import type { PageContainerProps } from '../../components/PageContainer';
+export declare const AddressInput: import("@emotion/styled").StyledComponent<import("@mui/material").InputBaseProps & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const BookmarkInputFields: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const SendToWalletPageContainer: import("@emotion/styled").StyledComponent<import("@mui/material").ContainerOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "fixed" | "maxWidth" | "children" | "sx" | "style" | "className" | "classes" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<Theme> & PageContainerProps, {}, {}>;
+export declare const SendToWalletCard: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme> & {
+    variant?: ("error" | "selected" | "default") | undefined;
+    selectionColor?: "primary" | "secondary" | undefined;
+    indented?: boolean | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    pointerEvents?: "auto" | "none" | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<Theme> | keyof import("@mui/material/OverridableComponent").CommonProps>, {}, {}>;
+export declare const SendToWalletSheetContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const SendToWalletButtonRow: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const SendToWalletButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "color" | "children" | "sx" | "style" | "className" | "tabIndex" | "href" | "disabled" | "action" | "size" | "classes" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const SendToWalletIconButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "color" | "children" | "sx" | "style" | "className" | "tabIndex" | "href" | "disabled" | "action" | "size" | "classes" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const WalletNumber: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "children" | "sx" | "style" | "className" | "align" | "classes" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const IconContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const SheetTitle: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "children" | "sx" | "style" | "className" | "align" | "classes" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const SheetAddressContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const ListContainer: import("@emotion/styled").StyledComponent<import("@mui/material").ListOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
+    ref?: ((instance: HTMLUListElement | null) => void) | import("react").RefObject<HTMLUListElement> | null | undefined;
+}, "children" | "sx" | "style" | "className" | "classes" | "dense" | "disablePadding" | "subheader"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const BookmarkButtonContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const EmptyContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const EmptyListMessage: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "children" | "sx" | "style" | "className" | "align" | "classes" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const ValidationAlert: import("@emotion/styled").StyledComponent<import("@mui/material").AlertProps & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;
+export declare const OptionsMenuButton: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "color" | "children" | "sx" | "style" | "className" | "tabIndex" | "disabled" | "action" | "size" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<Theme>, {}, {}>;

package/_cjs/pages/SendToWallet/SendToWalletPage.style.js

@@ -0,0 +1,146 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OptionsMenuButton = exports.ValidationAlert = exports.EmptyListMessage = exports.EmptyContainer = exports.BookmarkButtonContainer = exports.ListContainer = exports.SheetAddressContainer = exports.SheetTitle = exports.IconContainer = exports.WalletNumber = exports.SendToWalletIconButton = exports.SendToWalletButton = exports.SendToWalletButtonRow = exports.SendToWalletSheetContainer = exports.SendToWalletCard = exports.SendToWalletPageContainer = exports.BookmarkInputFields = exports.AddressInput = void 0;
+const material_1 = require("@mui/material");
+const Card_1 = require("../../components/Card");
+const Input_1 = require("../../components/Input");
+const PageContainer_1 = require("../../components/PageContainer");
+const utils_1 = require("../../utils");
+exports.AddressInput = (0, material_1.styled)(Input_1.Input)(({ theme }) => ({
+    padding: 0,
+    [`.${material_1.inputBaseClasses.input}`]: {
+        padding: theme.spacing(2),
+        minHeight: 48,
+    },
+}));
+exports.BookmarkInputFields = (0, material_1.styled)(material_1.Box)(({ theme }) => ({
+    display: 'flex',
+    flexDirection: 'column',
+    gap: theme.spacing(2),
+    width: '100%',
+}));
+exports.SendToWalletPageContainer = (0, material_1.styled)(PageContainer_1.PageContainer)(({ theme }) => ({
+    display: 'flex',
+    flexDirection: 'column',
+    gap: theme.spacing(1),
+}));
+exports.SendToWalletCard = (0, material_1.styled)(Card_1.Card)(({ theme }) => ({
+    display: 'flex',
+    flexDirection: 'column',
+}));
+exports.SendToWalletSheetContainer = (0, material_1.styled)(material_1.Box)(({ theme }) => ({
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    padding: theme.spacing(4, 3, 3),
+    gap: theme.spacing(2),
+}));
+exports.SendToWalletButtonRow = (0, material_1.styled)(material_1.Box)(({ theme }) => ({
+    display: 'flex',
+    width: '100%',
+    gap: theme.spacing(1),
+}));
+const tertiaryButtonStyles = (theme) => ({
+    color: theme.palette.text.primary,
+    height: 40,
+    fontSize: 14,
+    backgroundColor: theme.palette.mode === 'light'
+        ? theme.palette.grey[200]
+        : theme.palette.grey[800],
+    '&:hover': {
+        backgroundColor: theme.palette.mode === 'light'
+            ? theme.palette.grey[300]
+            : theme.palette.grey[700],
+    },
+    '&:active': {
+        backgroundColor: theme.palette.mode === 'light'
+            ? theme.palette.grey[300]
+            : theme.palette.grey[700],
+    },
+});
+exports.SendToWalletButton = (0, material_1.styled)(material_1.Button)(({ theme }) => ({
+    ...tertiaryButtonStyles(theme),
+}));
+exports.SendToWalletIconButton = (0, material_1.styled)(material_1.Button)(({ theme }) => ({
+    ...tertiaryButtonStyles(theme),
+    padding: theme.spacing(1.25),
+    minWidth: 40,
+}));
+exports.WalletNumber = (0, material_1.styled)(material_1.Typography)(({ theme }) => ({
+    color: theme.palette.mode === 'light'
+        ? theme.palette.grey[600]
+        : theme.palette.grey[400],
+}));
+exports.IconContainer = (0, material_1.styled)(material_1.Box)(({ theme }) => ({
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    width: 80,
+    height: 80,
+    color: theme.palette.mode === 'light'
+        ? theme.palette.grey[700]
+        : theme.palette.grey[300],
+    background: theme.palette.mode === 'light'
+        ? theme.palette.grey[200]
+        : theme.palette.grey[800],
+    borderRadius: '50%',
+}));
+exports.SheetTitle = (0, material_1.styled)(material_1.Typography)(() => ({
+    fontSize: 18,
+    fontWeight: 700,
+}));
+exports.SheetAddressContainer = (0, material_1.styled)(material_1.Box)(() => ({
+    width: '100%',
+    wordWrap: 'break-word',
+}));
+exports.ListContainer = (0, material_1.styled)(material_1.List)(({ theme }) => ({
+    display: 'flex',
+    flexDirection: 'column',
+    minHeight: 400,
+    paddingBottom: theme.spacing(3),
+}));
+exports.BookmarkButtonContainer = (0, material_1.styled)(material_1.Box)(({ theme }) => ({
+    background: theme.palette.background.default,
+    display: 'flex',
+    flexDirection: 'column',
+    flexGrow: 1,
+    position: 'sticky',
+    bottom: 0,
+    padding: theme.spacing(0, 3, 3),
+    marginBottom: theme.spacing(-5.25),
+    zIndex: 2,
+}));
+exports.EmptyContainer = (0, material_1.styled)(material_1.Box)(({ theme }) => ({
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'center',
+    alignItems: 'center',
+    flexGrow: 1,
+    gap: theme.spacing(2),
+}));
+exports.EmptyListMessage = (0, material_1.styled)(material_1.Typography)(({ theme }) => ({
+    fontSize: 14,
+    fontWeight: 700,
+    color: theme.palette.mode === 'light'
+        ? theme.palette.grey[600]
+        : theme.palette.grey[400],
+}));
+exports.ValidationAlert = (0, material_1.styled)(material_1.Alert)(({ theme }) => ({
+    backgroundColor: 'transparent',
+    padding: 0,
+    color: theme.palette.text.primary,
+    [`.${material_1.alertClasses.icon}`]: {
+        padding: 0,
+        color: theme.palette.error.main,
+    },
+    [`.${material_1.alertClasses.message}`]: { padding: theme.spacing(0.25, 0, 0, 0) },
+}));
+exports.OptionsMenuButton = (0, material_1.styled)(material_1.IconButton)(({ theme }) => ({
+    position: 'absolute',
+    top: theme.spacing(1.75),
+    right: theme.spacing(2),
+    '&:hover': {
+        backgroundColor: (0, utils_1.getContrastAlphaColor)(theme.palette.mode, '4%'),
+    },
+}));
+//# sourceMappingURL=SendToWalletPage.style.js.map

package/_cjs/pages/SendToWallet/SendToWalletPage.style.js.map

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

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

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

package/_cjs/pages/SendToWallet/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./BookmarksPage"), exports);
+__exportStar(require("./ConnectedWalletsPage"), exports);
+__exportStar(require("./RecentWalletsPage"), exports);
+__exportStar(require("./SendToWalletPage"), exports);
+__exportStar(require("./SendToConfiguredWalletPage"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../pages/SendToWallet/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC;AAChC,yDAAuC;AACvC,sDAAoC;AACpC,qDAAmC;AACnC,+DAA6C"}

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

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

package/_cjs/pages/SendToWallet/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

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

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

package/_cjs/pages/SettingsPage/BridgeAndExchangeSettings.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BridgeAndExchangeSettings = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const AirlineStops_1 = require("@mui/icons-material/AirlineStops");
+const SwapHoriz_1 = require("@mui/icons-material/SwapHoriz");
+const react_i18next_1 = require("react-i18next");
+const react_router_dom_1 = require("react-router-dom");
+const shallow_1 = require("zustand/shallow");
+const hooks_1 = require("../../hooks");
+const stores_1 = require("../../stores");
+const utils_1 = require("../../utils");
+const Card_1 = require("../../components/Card");
+const SettingsCard_1 = require("./SettingsCard");
+const supportedIcons = {
+    Bridges: AirlineStops_1.default,
+    Exchanges: SwapHoriz_1.default,
+};
+const BridgeAndExchangeSettings = ({ type }) => {
+    const { isBridgesChanged, isExchangesChanged } = (0, hooks_1.useSettingMonitor)();
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const [enabledTools, tools] = (0, stores_1.useSettingsStore)((state) => {
+        const enabledTools = Object.values(state[`_enabled${type}`] ?? {});
+        return [enabledTools.filter(Boolean).length, enabledTools.length];
+    }, shallow_1.shallow);
+    const customisationLookUp = {
+        Bridges: isBridgesChanged,
+        Exchanges: isExchangesChanged,
+    };
+    const handleClick = () => {
+        navigate(utils_1.navigationRoutes[type.toLowerCase()]);
+    };
+    const Icon = supportedIcons[type];
+    return ((0, jsx_runtime_1.jsx)(Card_1.CardButton, { onClick: handleClick, icon: (0, jsx_runtime_1.jsx)(Icon, {}), title: t(`settings.enabled${type}`), children: (0, jsx_runtime_1.jsx)(SettingsCard_1.BadgedValue, { badgeColor: "info", showBadge: customisationLookUp[type], children: `${enabledTools}/${tools}` }) }));
+};
+exports.BridgeAndExchangeSettings = BridgeAndExchangeSettings;
+//# sourceMappingURL=BridgeAndExchangeSettings.js.map

package/_cjs/pages/SettingsPage/BridgeAndExchangeSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BridgeAndExchangeSettings.js","sourceRoot":"","sources":["../../../pages/SettingsPage/BridgeAndExchangeSettings.tsx"],"names":[],"mappings":";;;;AAAA,mEAAgE;AAChE,6DAA0D;AAC1D,iDAA+C;AAC/C,uDAA+C;AAC/C,6CAA0C;AAC1C,uCAAgD;AAChD,yCAAgD;AAChD,uCAA+C;AAC/C,gDAAmD;AACnD,iDAA6C;AAE7C,MAAM,cAAc,GAAG;IACrB,OAAO,EAAE,sBAAgB;IACzB,SAAS,EAAE,mBAAa;CACzB,CAAC;AAEK,MAAM,yBAAyB,GAEjC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAChB,MAAM,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,GAAG,IAAA,yBAAiB,GAAE,CAAC;IACrE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAC/B,MAAM,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG,IAAA,yBAAgB,EAAC,CAAC,KAAK,EAAE,EAAE;QACvD,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;QACnE,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IACpE,CAAC,EAAE,iBAAO,CAAC,CAAC;IAEZ,MAAM,mBAAmB,GAAG;QAC1B,OAAO,EAAE,gBAAgB;QACzB,SAAS,EAAE,kBAAkB;KAC9B,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,QAAQ,CAAC,wBAAgB,CAAC,IAAI,CAAC,WAAW,EAA6B,CAAC,CAAC,CAAC;IAC5E,CAAC,CAAC;IAEF,MAAM,IAAI,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IAElC,OAAO,CACL,uBAAC,iBAAU,IACT,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,uBAAC,IAAI,KAAG,EACd,KAAK,EAAE,CAAC,CAAC,mBAAmB,IAAI,EAAE,CAAC,YAEnC,uBAAC,0BAAW,IACV,UAAU,EAAC,MAAM,EACjB,SAAS,EAAE,mBAAmB,CAAC,IAAI,CAAC,YACpC,GAAG,YAAY,IAAI,KAAK,EAAE,GAAe,GAChC,CACd,CAAC;AACJ,CAAC,CAAC;AAlCW,QAAA,yBAAyB,6BAkCpC"}

package/_cjs/pages/SettingsPage/GasPriceSettings.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GasPriceSettings = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const EvStation_1 = require("@mui/icons-material/EvStation");
+const react_i18next_1 = require("react-i18next");
+const Tabs_1 = require("../../components/Tabs");
+const hooks_1 = require("../../hooks");
+const stores_1 = require("../../stores");
+const SettingsCard_1 = require("./SettingsCard");
+const GasPriceSettings = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const setValue = (0, stores_1.useSettingsStore)((state) => state.setValue);
+    const { isGasPriceChanged } = (0, hooks_1.useSettingMonitor)();
+    const { gasPrice } = (0, stores_1.useSettings)(['gasPrice']);
+    const handleGasPriceChange = (_, gasPrice) => {
+        setValue('gasPrice', gasPrice);
+    };
+    return ((0, jsx_runtime_1.jsx)(SettingsCard_1.SettingCardExpandable, { value: (0, jsx_runtime_1.jsx)(SettingsCard_1.BadgedValue, { badgeColor: "info", showBadge: isGasPriceChanged, children: t(`settings.gasPrice.${gasPrice}`) }), icon: (0, jsx_runtime_1.jsx)(EvStation_1.default, {}), title: t(`settings.gasPrice.title`), children: (0, jsx_runtime_1.jsxs)(Tabs_1.Tabs, { value: gasPrice, "aria-label": "tabs", indicatorColor: "primary", onChange: handleGasPriceChange, sx: { mt: 1.5 }, children: [(0, jsx_runtime_1.jsx)(Tabs_1.Tab, { label: t(`settings.gasPrice.slow`), value: "slow", disableRipple: true }), (0, jsx_runtime_1.jsx)(Tabs_1.Tab, { label: t(`settings.gasPrice.normal`), value: "normal", disableRipple: true }), (0, jsx_runtime_1.jsx)(Tabs_1.Tab, { label: t(`settings.gasPrice.fast`), value: "fast", disableRipple: true })] }) }));
+};
+exports.GasPriceSettings = GasPriceSettings;
+//# sourceMappingURL=GasPriceSettings.js.map

package/_cjs/pages/SettingsPage/GasPriceSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GasPriceSettings.js","sourceRoot":"","sources":["../../../pages/SettingsPage/GasPriceSettings.tsx"],"names":[],"mappings":";;;;AAAA,6DAA0D;AAC1D,iDAA+C;AAC/C,gDAAkD;AAClD,uCAAgD;AAChD,yCAA6D;AAC7D,iDAAoE;AAE7D,MAAM,gBAAgB,GAAa,GAAG,EAAE;IAC7C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,IAAA,yBAAgB,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC7D,MAAM,EAAE,iBAAiB,EAAE,GAAG,IAAA,yBAAiB,GAAE,CAAC;IAClD,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,oBAAW,EAAC,CAAC,UAAU,CAAC,CAAC,CAAC;IAE/C,MAAM,oBAAoB,GAAG,CAAC,CAAuB,EAAE,QAAgB,EAAE,EAAE;QACzE,QAAQ,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,oCAAqB,IACpB,KAAK,EACH,uBAAC,0BAAW,IAAC,UAAU,EAAC,MAAM,EAAC,SAAS,EAAE,iBAAiB,YACxD,CAAC,CAAC,qBAAqB,QAAQ,EAAS,CAAC,GAC9B,EAEhB,IAAI,EAAE,uBAAC,mBAAa,KAAG,EACvB,KAAK,EAAE,CAAC,CAAC,yBAAyB,CAAC,YAEnC,wBAAC,WAAI,IACH,KAAK,EAAE,QAAQ,gBACJ,MAAM,EACjB,cAAc,EAAC,SAAS,EACxB,QAAQ,EAAE,oBAAoB,EAC9B,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,aAEf,uBAAC,UAAG,IAAC,KAAK,EAAE,CAAC,CAAC,wBAAwB,CAAC,EAAE,KAAK,EAAC,MAAM,EAAC,aAAa,SAAG,EACtE,uBAAC,UAAG,IACF,KAAK,EAAE,CAAC,CAAC,0BAA0B,CAAC,EACpC,KAAK,EAAC,QAAQ,EACd,aAAa,SACb,EACF,uBAAC,UAAG,IAAC,KAAK,EAAE,CAAC,CAAC,wBAAwB,CAAC,EAAE,KAAK,EAAC,MAAM,EAAC,aAAa,SAAG,IACjE,GACe,CACzB,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,gBAAgB,oBAqC3B"}

package/_cjs/pages/SettingsPage/LanguageSetting.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LanguageSetting = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Language_1 = require("@mui/icons-material/Language");
+const react_i18next_1 = require("react-i18next");
+const react_router_dom_1 = require("react-router-dom");
+const hooks_1 = require("../../hooks");
+const providers_1 = require("../../providers");
+const types_1 = require("../../types");
+const utils_1 = require("../../utils");
+const Card_1 = require("../../components/Card");
+const LanguageSetting = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const navigate = (0, react_router_dom_1.useNavigate)();
+    const { hiddenUI } = (0, providers_1.useWidgetConfig)();
+    const { selectedLanguageDisplayName } = (0, hooks_1.useLanguages)();
+    if (hiddenUI?.includes(types_1.HiddenUI.Language)) {
+        return null;
+    }
+    const handleClick = () => {
+        navigate(utils_1.navigationRoutes.languages);
+    };
+    return ((0, jsx_runtime_1.jsx)(Card_1.CardButton, { onClick: handleClick, icon: (0, jsx_runtime_1.jsx)(Language_1.default, {}), title: t(`language.title`), children: (0, jsx_runtime_1.jsx)(Card_1.CardValue, { children: selectedLanguageDisplayName }) }));
+};
+exports.LanguageSetting = LanguageSetting;
+//# sourceMappingURL=LanguageSetting.js.map

package/_cjs/pages/SettingsPage/LanguageSetting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSetting.js","sourceRoot":"","sources":["../../../pages/SettingsPage/LanguageSetting.tsx"],"names":[],"mappings":";;;;AAAA,2DAAwD;AACxD,iDAA+C;AAC/C,uDAA+C;AAC/C,uCAA2C;AAC3C,+CAAkD;AAClD,uCAAuC;AACvC,uCAA+C;AAC/C,gDAA8D;AAEvD,MAAM,eAAe,GAAa,GAAG,EAAE;IAC5C,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAC/B,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,2BAAe,GAAE,CAAC;IACvC,MAAM,EAAE,2BAA2B,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAEvD,IAAI,QAAQ,EAAE,QAAQ,CAAC,gBAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC1C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,QAAQ,CAAC,wBAAgB,CAAC,SAAS,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,iBAAU,IACT,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,uBAAC,kBAAY,KAAG,EACtB,KAAK,EAAE,CAAC,CAAC,gBAAgB,CAAC,YAE1B,uBAAC,gBAAS,cAAE,2BAA2B,GAAa,GACzC,CACd,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,eAAe,mBAuB1B"}

package/_cjs/pages/SettingsPage/ResetSettingsButton.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResetSettingsButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const InfoRounded_1 = require("@mui/icons-material/InfoRounded");
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const react_i18next_1 = require("react-i18next");
+const Dialog_1 = require("../../components/Dialog");
+const hooks_1 = require("../../hooks");
+const ResetSettingsButton_style_1 = require("./ResetSettingsButton.style");
+const ResetSettingsButton = () => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const { isCustomRouteSettings, reset } = (0, hooks_1.useSettingMonitor)();
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const toggleDialog = (0, react_1.useCallback)(() => {
+        setOpen((open) => !open);
+    }, []);
+    const handleReset = () => {
+        reset();
+        toggleDialog();
+    };
+    if (!isCustomRouteSettings) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { my: 1, children: (0, jsx_runtime_1.jsxs)(ResetSettingsButton_style_1.ResetButtonContainer, { children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", marginBottom: "12px", children: [(0, jsx_runtime_1.jsx)(InfoRounded_1.default, { sx: {
+                                marginRight: '8px',
+                            } }), (0, jsx_runtime_1.jsx)(material_1.Box, { fontSize: 14, children: t(`settings.resetSettings`) })] }), (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: toggleDialog, fullWidth: true, children: t('button.resetSettings') }), (0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { open: open, onClose: toggleDialog, children: [(0, jsx_runtime_1.jsx)(material_1.DialogTitle, { children: t('warning.title.resetSettings') }), (0, jsx_runtime_1.jsx)(material_1.DialogContent, { children: (0, jsx_runtime_1.jsx)(material_1.DialogContentText, { children: t('warning.message.resetSettings') }) }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { onClick: toggleDialog, children: t('button.cancel') }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", onClick: handleReset, autoFocus: true, children: t('button.reset') })] })] })] }) }));
+};
+exports.ResetSettingsButton = ResetSettingsButton;
+//# sourceMappingURL=ResetSettingsButton.js.map

package/_cjs/pages/SettingsPage/ResetSettingsButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResetSettingsButton.js","sourceRoot":"","sources":["../../../pages/SettingsPage/ResetSettingsButton.tsx"],"names":[],"mappings":";;;;AAAA,iEAA0D;AAC1D,4CAOuB;AACvB,iCAA8C;AAC9C,iDAA+C;AAC/C,oDAAiD;AACjD,uCAAgD;AAChD,2EAAmE;AAE5D,MAAM,mBAAmB,GAAa,GAAG,EAAE;IAChD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,qBAAqB,EAAE,KAAK,EAAE,GAAG,IAAA,yBAAiB,GAAE,CAAC;IAC7D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAExC,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACpC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,KAAK,EAAE,CAAC;QACR,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,uBAAC,cAAG,IAAC,EAAE,EAAE,CAAC,YACR,wBAAC,gDAAoB,eACnB,wBAAC,cAAG,IAAC,OAAO,EAAC,MAAM,EAAC,YAAY,EAAC,MAAM,aACrC,uBAAC,qBAAW,IACV,EAAE,EAAE;gCACF,WAAW,EAAE,KAAK;6BACnB,GACD,EACF,uBAAC,cAAG,IAAC,QAAQ,EAAE,EAAE,YAAG,CAAC,CAAC,wBAAwB,CAAC,GAAO,IAClD,EACN,uBAAC,iBAAM,IAAC,OAAO,EAAE,YAAY,EAAE,SAAS,kBACrC,CAAC,CAAC,sBAAsB,CAAC,GACnB,EAET,wBAAC,eAAM,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,aACvC,uBAAC,sBAAW,cAAE,CAAC,CAAC,6BAA6B,CAAC,GAAe,EAC7D,uBAAC,wBAAa,cACZ,uBAAC,4BAAiB,cACf,CAAC,CAAC,+BAA+B,CAAC,GACjB,GACN,EAChB,wBAAC,wBAAa,eACZ,uBAAC,iBAAM,IAAC,OAAO,EAAE,YAAY,YAAG,CAAC,CAAC,eAAe,CAAC,GAAU,EAC5D,uBAAC,iBAAM,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,WAAW,EAAE,SAAS,kBACxD,CAAC,CAAC,cAAc,CAAC,GACX,IACK,IACT,IACY,GACnB,CACP,CAAC;AACJ,CAAC,CAAC;AAlDW,QAAA,mBAAmB,uBAkD9B"}

package/_cjs/pages/SettingsPage/ResetSettingsButton.style.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const ResetButtonContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/_cjs/pages/SettingsPage/ResetSettingsButton.style.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResetButtonContainer = void 0;
+const material_1 = require("@mui/material");
+const styles_1 = require("@mui/material/styles");
+const utils_1 = require("../../utils");
+exports.ResetButtonContainer = (0, styles_1.styled)(material_1.Box)(({ theme }) => ({
+    background: (0, utils_1.getContrastAlphaColor)(theme.palette.mode, '4%'),
+    borderRadius: '16px',
+    padding: '16px',
+    [`svg`]: {
+        fill: (0, utils_1.getContrastAlphaColor)(theme.palette.mode, '40%'),
+    },
+}));
+//# sourceMappingURL=ResetSettingsButton.style.js.map

package/_cjs/pages/SettingsPage/ResetSettingsButton.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResetSettingsButton.style.js","sourceRoot":"","sources":["../../../pages/SettingsPage/ResetSettingsButton.style.tsx"],"names":[],"mappings":";;;AAAA,4CAAoC;AACpC,iDAA8C;AAC9C,uCAAoD;AAEvC,QAAA,oBAAoB,GAAG,IAAA,eAAM,EAAC,cAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,UAAU,EAAE,IAAA,6BAAqB,EAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC;IAC3D,YAAY,EAAE,MAAM;IACpB,OAAO,EAAE,MAAM;IAEf,CAAC,KAAK,CAAC,EAAE;QACP,IAAI,EAAE,IAAA,6BAAqB,EAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC;KACvD;CACF,CAAC,CAAC,CAAC"}