@lifi/widget 3.0.0-alpha.0 → 3.0.0-alpha.1

package/pages/SelectChainPage/SelectChainPage.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Avatar, Container, List, ListItemAvatar } from '@mui/material';
-import { useChainSelect } from '../../components/ChainSelect';
-import { ListItemButton } from '../../components/ListItemButton';
-import { ListItemText } from '../../components/ListItemText';
-import { useTokenSelect } from '../../components/TokenList';
-import { useNavigateBack } from '../../hooks';
-export const SelectChainPage = ({ formType, selectNativeToken, }) => {
-    const { navigateBack } = useNavigateBack();
-    const { chains, setCurrentChain } = useChainSelect(formType);
-    const selectToken = useTokenSelect(formType, navigateBack);
-    const handleClick = async (chain) => {
-        if (selectNativeToken) {
-            selectToken(chain.nativeToken.address, chain.id);
-        }
-        else {
-            setCurrentChain(chain.id);
-            navigateBack();
-        }
-    };
-    return (_jsx(Container, { disableGutters: true, children: _jsx(List, { sx: {
-                paddingLeft: 1.5,
-                paddingRight: 1.5,
-            }, children: chains?.map((chain) => (_jsxs(ListItemButton, { onClick: () => handleClick(chain), children: [_jsx(ListItemAvatar, { children: _jsx(Avatar, { src: chain.logoURI, alt: chain.name, children: chain.name[0] }) }), _jsx(ListItemText, { primary: chain.name })] }, chain.id))) }) }));
-};

package/pages/SelectChainPage/index.js

@@ -1 +0,0 @@
-export * from './SelectChainPage';

package/pages/SelectChainPage/types.d.ts

@@ -1,4 +0,0 @@
-import type { FormTypeProps } from '../../providers';
-export interface SelectChainPageProps extends FormTypeProps {
-    selectNativeToken?: boolean;
-}

package/pages/SelectChainPage/types.js

@@ -1 +0,0 @@
-export {};

package/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const SelectEnabledToolsPage: React.FC<{
-    type: 'Bridges' | 'Exchanges';
-}>;

package/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.js

@@ -1,60 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect } from 'react';
-import { useTranslation } from 'react-i18next';
-import CheckIcon from '@mui/icons-material/Check';
-import CheckBoxOutlineBlankOutlinedIcon from '@mui/icons-material/CheckBoxOutlineBlankOutlined';
-import CheckBoxOutlinedIcon from '@mui/icons-material/CheckBoxOutlined';
-import IndeterminateCheckBoxOutlinedIcon from '@mui/icons-material/IndeterminateCheckBoxOutlined';
-import { Avatar, Container, IconButton, List, ListItemAvatar, Tooltip, } from '@mui/material';
-import { shallow } from 'zustand/shallow';
-import { ListItemText } from '../../components/ListItemText';
-import { useTools } from '../../hooks';
-import { useHeaderStoreContext, useSettingsStore } from '../../stores';
-import { SettingsListItemButton } from '../../components/SettingsListItemButton';
-const SelectAllCheckbox = ({ allCheckboxesSelected, anyCheckboxesSelected, onClick, }) => {
-    const { t } = useTranslation();
-    const tooltipTitle = allCheckboxesSelected
-        ? t('tooltip.deselectAll')
-        : t('tooltip.selectAll');
-    return (_jsx(Tooltip, { title: tooltipTitle, arrow: true, children: _jsx(IconButton, { size: "medium", edge: "end", onClick: onClick, children: allCheckboxesSelected ? (_jsx(CheckBoxOutlinedIcon, {})) : anyCheckboxesSelected ? (_jsx(IndeterminateCheckBoxOutlinedIcon, {})) : (_jsx(CheckBoxOutlineBlankOutlinedIcon, {})) }) }));
-};
-export const SelectEnabledToolsPage = ({ type }) => {
-    const typeKey = type.toLowerCase();
-    const { tools } = useTools();
-    const [enabledTools, setTools] = useSettingsStore((state) => [state[`enabled${type}`], state.setTools], shallow);
-    const headerStoreContext = useHeaderStoreContext();
-    const handleClick = (key) => {
-        if (!tools) {
-            return;
-        }
-        const toolKeys = tools[typeKey].map((tool) => tool.key);
-        if (enabledTools?.includes(key)) {
-            setTools(type, enabledTools.filter((toolKey) => toolKey !== key), toolKeys);
-        }
-        else {
-            setTools(type, [...enabledTools, key], toolKeys);
-        }
-    };
-    useEffect(() => {
-        const allToolsSelected = tools?.[typeKey].length === enabledTools.length;
-        const toggleCheckboxes = () => {
-            if (!tools) {
-                return;
-            }
-            const toolKeys = tools[typeKey].map((tool) => tool.key);
-            if (allToolsSelected) {
-                setTools(type, [], toolKeys);
-            }
-            else {
-                setTools(type, toolKeys, toolKeys);
-            }
-        };
-        return headerStoreContext
-            .getState()
-            .setAction(_jsx(SelectAllCheckbox, { allCheckboxesSelected: allToolsSelected, anyCheckboxesSelected: !!enabledTools.length, onClick: toggleCheckboxes }));
-    }, [enabledTools.length, headerStoreContext, setTools, tools, type, typeKey]);
-    return (_jsx(Container, { disableGutters: true, children: _jsx(List, { sx: {
-                paddingLeft: 1.5,
-                paddingRight: 1.5,
-            }, children: tools?.[typeKey].map((tool) => (_jsxs(SettingsListItemButton, { onClick: () => handleClick(tool.key), children: [_jsx(ListItemAvatar, { children: _jsx(Avatar, { src: tool.logoURI, alt: tool.name, children: tool.name[0] }) }), _jsx(ListItemText, { primary: tool.name }), enabledTools?.includes(tool.key) && _jsx(CheckIcon, { color: "primary" })] }, tool.name))) }) }));
-};

package/pages/SelectEnabledToolsPage/index.js

@@ -1 +0,0 @@
-export * from './SelectEnabledToolsPage';

package/pages/SelectNativeTokenPage/SelectNativeTokenPage.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { FormTypeProps } from '../../providers';
-export declare const SelectNativeTokenPage: React.FC<FormTypeProps>;

package/pages/SelectNativeTokenPage/SelectNativeTokenPage.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Container, List, ListItemAvatar } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { ListItemButton } from '../../components/ListItemButton';
-import { ListItemText } from '../../components/ListItemText';
-import { TokenAvatar } from '../../components/TokenAvatar';
-import { useTokenSelect } from '../../components/TokenList';
-import { useChains, useNavigateBack } from '../../hooks';
-export const SelectNativeTokenPage = ({ formType, }) => {
-    const { t } = useTranslation();
-    const { navigateBack } = useNavigateBack();
-    const { chains } = useChains();
-    const selectToken = useTokenSelect(formType, navigateBack);
-    return (_jsx(Container, { disableGutters: true, children: _jsx(List, { sx: {
-                paddingLeft: 1.5,
-                paddingRight: 1.5,
-            }, children: chains?.map((chain) => (_jsxs(ListItemButton, { onClick: () => selectToken(chain.nativeToken.address, chain.id), children: [_jsx(ListItemAvatar, { children: _jsx(TokenAvatar, { token: chain.nativeToken, chain: chain }) }), _jsx(ListItemText, { primary: chain.nativeToken.symbol, secondary: t('main.onChain', { chainName: chain.name }) })] }, chain.id))) }) }));
-};

package/pages/SelectNativeTokenPage/index.js

@@ -1 +0,0 @@
-export * from './SelectNativeTokenPage';

package/pages/SelectTokenPage/SearchTokenInput.d.ts

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

package/pages/SelectTokenPage/SearchTokenInput.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import SearchIcon from '@mui/icons-material/Search';
-import { FormControl, InputAdornment } from '@mui/material';
-import { useEffect } from 'react';
-import { useFormContext } from 'react-hook-form';
-import { useTranslation } from 'react-i18next';
-import { Card } from '../../components/Card';
-import { FormKey } from '../../providers';
-import { Input } from './SearchTokenInput.style';
-export const SearchTokenInput = () => {
-    const { t } = useTranslation();
-    const { register, setValue } = useFormContext();
-    useEffect(() => () => {
-        setValue(FormKey.TokenSearchFilter, '');
-    }, [setValue]);
-    return (_jsx(Card, { children: _jsx(FormControl, { fullWidth: true, children: _jsx(Input, { size: "small", placeholder: t(`main.tokenSearch`), defaultValue: "", endAdornment: _jsx(InputAdornment, { position: "end", children: _jsx(SearchIcon, {}) }), inputProps: {
-                    inputMode: 'search',
-                    ...register(FormKey.TokenSearchFilter),
-                }, autoComplete: "off" }) }) }));
-};

package/pages/SelectTokenPage/SearchTokenInput.style.d.ts

@@ -1 +0,0 @@
-export declare const Input: import("@emotion/styled").StyledComponent<import("@mui/material").InputBaseProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/pages/SelectTokenPage/SearchTokenInput.style.js

@@ -1,5 +0,0 @@
-import { styled } from '@mui/material/styles';
-import { Input as InputBase } from '../../components/Input';
-export const Input = styled(InputBase)(({ theme }) => ({
-    paddingRight: theme.spacing(1.5),
-}));

package/pages/SelectTokenPage/SelectTokenPage.d.ts

@@ -1,3 +0,0 @@
-import type { FC } from 'react';
-import type { FormTypeProps } from '../../providers';
-export declare const SelectTokenPage: FC<FormTypeProps>;

package/pages/SelectTokenPage/SelectTokenPage.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Container } from '@mui/material';
-import { useLayoutEffect, useRef, useState } from 'react';
-import { ChainSelect } from '../../components/ChainSelect';
-import { TokenList } from '../../components/TokenList';
-import { useContentHeight, useNavigateBack, useScrollableOverflowHidden, useSwapOnly, } from '../../hooks';
-import { SearchTokenInput } from './SearchTokenInput';
-const minTokenListHeight = 360;
-export const SelectTokenPage = ({ formType }) => {
-    useScrollableOverflowHidden();
-    const { navigateBack } = useNavigateBack();
-    const headerRef = useRef(null);
-    const contentHeight = useContentHeight();
-    const [tokenListHeight, setTokenListHeight] = useState(0);
-    const swapOnly = useSwapOnly();
-    useLayoutEffect(() => {
-        setTokenListHeight(Math.max(contentHeight - (headerRef.current?.offsetHeight ?? 0), minTokenListHeight));
-    }, [contentHeight]);
-    const hideChainSelect = swapOnly && formType === 'to';
-    return (_jsxs(Container, { disableGutters: true, children: [_jsxs(Box, { pt: 1, pb: 2, px: 3, ref: headerRef, children: [!hideChainSelect ? _jsx(ChainSelect, { formType: formType }) : null, _jsx(Box, { mt: !hideChainSelect ? 2 : 0, children: _jsx(SearchTokenInput, {}) })] }), _jsx(TokenList, { height: tokenListHeight, onClick: navigateBack, formType: formType })] }));
-};

package/pages/SelectTokenPage/index.js

@@ -1,2 +0,0 @@
-export * from './SelectTokenPage';
-export * from './types';

package/pages/SelectTokenPage/types.d.ts

@@ -1,4 +0,0 @@
-export declare enum TokenFilterType {
-    My = 0,
-    All = 1
-}

package/pages/SelectTokenPage/types.js

@@ -1,5 +0,0 @@
-export var TokenFilterType;
-(function (TokenFilterType) {
-    TokenFilterType[TokenFilterType["My"] = 0] = "My";
-    TokenFilterType[TokenFilterType["All"] = 1] = "All";
-})(TokenFilterType || (TokenFilterType = {}));

package/pages/SelectWalletPage/EVMListItemButton.d.ts

@@ -1,8 +0,0 @@
-import type { Connector } from 'wagmi';
-interface EVMListItemButtonProps {
-    connectedConnector?: Connector;
-    connector: Connector;
-    onNotInstalled(connector: Connector): void;
-}
-export declare const EVMListItemButton: ({ connectedConnector, connector, onNotInstalled, }: EVMListItemButtonProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/pages/SelectWalletPage/EVMListItemButton.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChainType } from '@lifi/sdk';
-import { getWalletIcon, isWalletInstalledAsync } from '@lifi/wallet-management';
-import { Avatar, ListItemAvatar } from '@mui/material';
-import { useConnect, useDisconnect } from 'wagmi';
-import { ListItemButton } from '../../components/ListItemButton';
-import { ListItemText } from '../../components/ListItemText';
-import { useNavigateBack, useWidgetEvents } from '../../hooks';
-import { WidgetEvent } from '../../types';
-export const EVMListItemButton = ({ connectedConnector, connector, onNotInstalled, }) => {
-    const { navigateBack } = useNavigateBack();
-    const emitter = useWidgetEvents();
-    const { connectAsync } = useConnect();
-    const { disconnectAsync } = useDisconnect();
-    const handleEVMConnect = async () => {
-        const identityCheckPassed = await isWalletInstalledAsync(connector.id);
-        if (!identityCheckPassed) {
-            onNotInstalled(connector);
-            return;
-        }
-        if (connectedConnector) {
-            await disconnectAsync({ connector: connectedConnector });
-        }
-        await connectAsync({ connector }, {
-            onSuccess(data) {
-                emitter.emit(WidgetEvent.WalletConnected, {
-                    address: data.accounts[0],
-                    chainId: data.chainId,
-                    chainType: ChainType.EVM,
-                });
-            },
-        });
-        navigateBack();
-    };
-    return (_jsxs(ListItemButton, { onClick: handleEVMConnect, children: [_jsx(ListItemAvatar, { children: _jsx(Avatar, { src: connector.icon || getWalletIcon(connector.id), alt: connector.name, children: connector.name[0] }) }), _jsx(ListItemText, { primary: connector.name })] }, connector.uid));
-};

package/pages/SelectWalletPage/SVMListItemButton.d.ts

@@ -1,6 +0,0 @@
-import type { Wallet } from '@solana/wallet-adapter-react';
-interface SVMListItemButtonProps {
-    wallet: Wallet;
-}
-export declare const SVMListItemButton: ({ wallet }: SVMListItemButtonProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/pages/SelectWalletPage/SVMListItemButton.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChainId, ChainType } from '@lifi/sdk';
-import { Avatar, ListItemAvatar } from '@mui/material';
-import { useWallet } from '@solana/wallet-adapter-react';
-import { ListItemButton } from '../../components/ListItemButton';
-import { ListItemText } from '../../components/ListItemText';
-import { useNavigateBack, useWidgetEvents } from '../../hooks';
-import { WidgetEvent } from '../../types';
-export const SVMListItemButton = ({ wallet }) => {
-    const { navigateBack } = useNavigateBack();
-    const emitter = useWidgetEvents();
-    const { select, disconnect, connected } = useWallet();
-    const connect = async () => {
-        if (connected) {
-            await disconnect();
-        }
-        select(wallet.adapter.name);
-        // We use autoConnect on wallet selection
-        // await solanaConnect();
-        wallet.adapter.once('connect', (publicKey) => {
-            emitter.emit(WidgetEvent.WalletConnected, {
-                address: publicKey?.toString(),
-                chainId: ChainId.SOL,
-                chainType: ChainType.SVM,
-            });
-        });
-        navigateBack();
-    };
-    return (_jsxs(ListItemButton, { onClick: connect, children: [_jsx(ListItemAvatar, { children: _jsx(Avatar, { src: wallet.adapter.icon, alt: wallet.adapter.name, children: wallet.adapter.name[0] }) }), _jsx(ListItemText, { primary: `${wallet.adapter.name} (Solana)` })] }, wallet.adapter.name));
-};

package/pages/SelectWalletPage/SelectWalletPage.d.ts

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

package/pages/SelectWalletPage/SelectWalletPage.js

@@ -1,54 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { isWalletInstalled } from '@lifi/wallet-management';
-import { Button, Container, DialogActions, DialogContent, DialogContentText, List, useMediaQuery, } from '@mui/material';
-import { WalletReadyState } from '@solana/wallet-adapter-base';
-import { useWallet } from '@solana/wallet-adapter-react';
-import { useCallback, useMemo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useConnect, useAccount as useWagmiAccount } from 'wagmi';
-import { Dialog } from '../../components/Dialog';
-import { EVMListItemButton } from './EVMListItemButton';
-import { SVMListItemButton } from './SVMListItemButton';
-import { walletComparator } from './utils';
-export const SelectWalletPage = () => {
-    const { t } = useTranslation();
-    const account = useWagmiAccount();
-    const { connectors } = useConnect();
-    const [walletIdentity, setWalletIdentity] = useState({ show: false });
-    const { wallets: solanaWallets } = useWallet();
-    const isDesktopView = useMediaQuery((theme) => theme.breakpoints.up('sm'));
-    const closeDialog = () => {
-        setWalletIdentity((state) => ({
-            ...state,
-            show: false,
-        }));
-    };
-    const handleNotInstalled = useCallback(async (connector) => {
-        setWalletIdentity({
-            show: true,
-            connector,
-        });
-    }, []);
-    const wallets = useMemo(() => {
-        const evmInstalled = connectors.filter((connector) => isWalletInstalled(connector.id) &&
-            // We should not show already connected connectors
-            account.connector?.id !== connector.id);
-        const evmNotDetected = connectors.filter((connector) => !isWalletInstalled(connector.id));
-        const svmInstalled = solanaWallets?.filter((connector) => connector.adapter.readyState === WalletReadyState.Installed &&
-            // We should not show already connected connectors
-            !connector.adapter.connected);
-        const svmNotDetected = solanaWallets?.filter((connector) => connector.adapter.readyState !== WalletReadyState.Installed);
-        const installedWallets = [...evmInstalled, ...svmInstalled].sort(walletComparator);
-        if (isDesktopView) {
-            const notDetectedWallets = [...evmNotDetected, ...svmNotDetected].sort(walletComparator);
-            installedWallets.push(...notDetectedWallets);
-        }
-        return installedWallets;
-    }, [account.connector?.id, connectors, isDesktopView, solanaWallets]);
-    return (_jsxs(Container, { disableGutters: true, children: [_jsx(List, { sx: {
-                    paddingLeft: 1.5,
-                    paddingRight: 1.5,
-                }, children: wallets?.map((connector) => connector.uid ? (_jsx(EVMListItemButton, { connector: connector, connectedConnector: account.connector, onNotInstalled: handleNotInstalled }, connector.uid)) : (_jsx(SVMListItemButton, { wallet: connector }, connector.adapter.name))) }), _jsxs(Dialog, { open: walletIdentity.show, onClose: closeDialog, children: [_jsx(DialogContent, { children: _jsx(DialogContentText, { children: t('wallet.extensionNotFound', {
-                                name: walletIdentity.connector?.name,
-                            }) }) }), _jsx(DialogActions, { children: _jsx(Button, { variant: "contained", onClick: closeDialog, autoFocus: true, children: t('button.ok') }) })] })] }));
-};

package/pages/SelectWalletPage/index.js

@@ -1 +0,0 @@
-export * from './SelectWalletPage';

package/pages/SelectWalletPage/utils.d.ts

@@ -1,3 +0,0 @@
-import type { Wallet } from '@solana/wallet-adapter-react';
-import type { Connector } from 'wagmi';
-export declare const walletComparator: (a: Connector | Wallet, b: Connector | Wallet) => number;

package/pages/SelectWalletPage/utils.js

@@ -1,17 +0,0 @@
-import { getWalletPriority } from '@lifi/wallet-management';
-export const walletComparator = (a, b) => {
-    let aId = a.id || a.adapter?.name;
-    let bId = b.id || b.adapter?.name;
-    const priorityA = getWalletPriority(aId);
-    const priorityB = getWalletPriority(bId);
-    if (priorityA !== priorityB) {
-        return priorityA - priorityB;
-    }
-    if (aId < bId) {
-        return -1;
-    }
-    if (aId > bId) {
-        return 1;
-    }
-    return 0;
-};

package/pages/SettingsPage/BridgeAndExchangeSettings.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const BridgeAndExchangeSettings: React.FC<{
-    type: 'Bridges' | 'Exchanges';
-}>;

package/pages/SettingsPage/BridgeAndExchangeSettings.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useTranslation } from 'react-i18next';
-import { useNavigate } from 'react-router-dom';
-import { shallow } from 'zustand/shallow';
-import AirlineStopsIcon from '@mui/icons-material/AirlineStops';
-import SwapHorizIcon from '@mui/icons-material/SwapHoriz';
-import { useSettingsStore } from '../../stores';
-import { navigationRoutes } from '../../utils';
-import { useSettingMonitor } from '../../hooks';
-import { SettingCardButton, BadgedValue } from './SettingsCard';
-const supportedIcons = {
-    Bridges: AirlineStopsIcon,
-    Exchanges: SwapHorizIcon,
-};
-export const BridgeAndExchangeSettings = ({ type }) => {
-    const { isBridgesChanged, isExchangesChanged } = useSettingMonitor();
-    const { t } = useTranslation();
-    const navigate = useNavigate();
-    const [enabledTools, tools] = useSettingsStore((state) => {
-        const enabledTools = Object.values(state[`_enabled${type}`] ?? {});
-        return [enabledTools.filter(Boolean).length, enabledTools.length];
-    }, shallow);
-    const customisationLookUp = {
-        Bridges: isBridgesChanged,
-        Exchanges: isExchangesChanged,
-    };
-    const handleClick = () => {
-        navigate(navigationRoutes[type.toLowerCase()]);
-    };
-    const Icon = supportedIcons[type];
-    return (_jsx(SettingCardButton, { onClick: handleClick, icon: _jsx(Icon, {}), title: t(`settings.enabled${type}`), children: _jsx(BadgedValue, { badgeColor: "info", showBadge: customisationLookUp[type], children: `${enabledTools}/${tools}` }) }));
-};

package/pages/SettingsPage/GasPriceSettings.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const GasPriceSettings: React.FC;

package/pages/SettingsPage/GasPriceSettings.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import EvStationIcon from '@mui/icons-material/EvStation';
-import { useTranslation } from 'react-i18next';
-import { useSettings, useSettingsStore } from '../../stores';
-import { Tab, Tabs } from '../../components/Tabs';
-import { useSettingMonitor } from '../../hooks';
-import { SettingCardExpandable, BadgedValue } from './SettingsCard';
-export const GasPriceSettings = () => {
-    const { t } = useTranslation();
-    const setValue = useSettingsStore((state) => state.setValue);
-    const { isGasPriceChanged } = useSettingMonitor();
-    const { gasPrice } = useSettings(['gasPrice']);
-    const handleGasPriceChange = (_, gasPrice) => {
-        setValue('gasPrice', gasPrice);
-    };
-    return (_jsx(SettingCardExpandable, { value: _jsx(BadgedValue, { badgeColor: "info", showBadge: isGasPriceChanged, children: t(`settings.gasPrice.${gasPrice}`) }), icon: _jsx(EvStationIcon, {}), title: t(`settings.gasPrice.title`), children: _jsxs(Tabs, { value: gasPrice, "aria-label": "tabs", indicatorColor: "primary", onChange: handleGasPriceChange, sx: { mt: 1.5 }, children: [_jsx(Tab, { label: t(`settings.gasPrice.slow`), value: "slow", disableRipple: true }), _jsx(Tab, { label: t(`settings.gasPrice.normal`), value: "normal", disableRipple: true }), _jsx(Tab, { label: t(`settings.gasPrice.fast`), value: "fast", disableRipple: true })] }) }));
-};

package/pages/SettingsPage/LanguageSetting.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const LanguageSetting: React.FC;

package/pages/SettingsPage/LanguageSetting.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useNavigate } from 'react-router-dom';
-import { useTranslation } from 'react-i18next';
-import LanguageIcon from '@mui/icons-material/Language';
-import { useWidgetConfig } from '../../providers';
-import { HiddenUI } from '../../types';
-import { navigationRoutes } from '../../utils';
-import { useLanguages } from '../../hooks';
-import { SettingCardButton, SummaryValue } from './SettingsCard';
-export const LanguageSetting = () => {
-    const { t } = useTranslation();
-    const navigate = useNavigate();
-    const { hiddenUI } = useWidgetConfig();
-    const { selectedLanguageDisplayName } = useLanguages();
-    if (hiddenUI?.includes(HiddenUI.Language)) {
-        return null;
-    }
-    const handleClick = () => {
-        navigate(navigationRoutes.languages);
-    };
-    return (_jsx(SettingCardButton, { onClick: handleClick, icon: _jsx(LanguageIcon, {}), title: t(`language.title`), children: _jsx(SummaryValue, { children: selectedLanguageDisplayName }) }));
-};

package/pages/SettingsPage/ResetSettingsButton.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const ResetSettingsButton: React.FC;

package/pages/SettingsPage/ResetSettingsButton.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Button, DialogActions, DialogContent, DialogContentText, DialogTitle, } from '@mui/material';
-import { useCallback, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Dialog } from '../../components/Dialog';
-import { useSettingMonitor } from '../../hooks';
-import { ResetButtonContainer } from './ResetSettingsButton.style';
-import { InfoRounded } from '@mui/icons-material';
-export const ResetSettingsButton = () => {
-    const { t } = useTranslation();
-    const { isCustomRouteSettings, reset } = useSettingMonitor();
-    const [open, setOpen] = useState(false);
-    const toggleDialog = useCallback(() => {
-        setOpen((open) => !open);
-    }, []);
-    const handleReset = () => {
-        reset();
-        toggleDialog();
-    };
-    if (!isCustomRouteSettings) {
-        return null;
-    }
-    return (_jsx(Box, { px: 3, mb: 1, children: _jsxs(ResetButtonContainer, { children: [_jsxs(Box, { display: "flex", marginBottom: "12px", children: [_jsx(InfoRounded, { sx: {
-                                marginRight: '8px',
-                            } }), _jsx(Box, { fontSize: 14, children: t(`settings.resetSettings`) })] }), _jsx(Button, { onClick: toggleDialog, fullWidth: true, children: t('button.resetSettings') }), _jsxs(Dialog, { open: open, onClose: toggleDialog, children: [_jsx(DialogTitle, { children: t('warning.title.resetSettings') }), _jsx(DialogContent, { children: _jsx(DialogContentText, { children: t('warning.message.resetSettings') }) }), _jsxs(DialogActions, { children: [_jsx(Button, { onClick: toggleDialog, children: t('button.cancel') }), _jsx(Button, { variant: "contained", onClick: handleReset, autoFocus: true, children: t('button.reset') })] })] })] }) }));
-};

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

@@ -1,4 +0,0 @@
-/// <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?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/pages/SettingsPage/ResetSettingsButton.style.js

@@ -1,10 +0,0 @@
-import { getContrastAlphaColor } from '../../utils';
-import { Box, styled } from '@mui/material';
-export const ResetButtonContainer = styled(Box)(({ theme }) => ({
-    background: getContrastAlphaColor(theme.palette.mode, '4%'),
-    borderRadius: '16px',
-    padding: '16px',
-    [`svg`]: {
-        fill: getContrastAlphaColor(theme.palette.mode, '40%'),
-    },
-}));

package/pages/SettingsPage/RoutePrioritySettings.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const RoutePrioritySettings: React.FC;

package/pages/SettingsPage/RoutePrioritySettings.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useTranslation } from 'react-i18next';
-import RouteIcon from '@mui/icons-material/Route';
-import { Orders } from '@lifi/sdk';
-import { Tab, Tabs } from '../../components/Tabs';
-import { useSettings, useSettingsStore } from '../../stores';
-import { useSettingMonitor } from '../../hooks';
-import { SettingCardExpandable, BadgedValue } from './SettingsCard';
-export const RoutePrioritySettings = () => {
-    const { t } = useTranslation();
-    const setValue = useSettingsStore((state) => state.setValue);
-    const { isRoutePriorityChanged } = useSettingMonitor();
-    const { routePriority } = useSettings(['routePriority']);
-    const currentRoutePriority = routePriority ?? '';
-    const handleRoutePriorityChange = (_, routePriority) => {
-        setValue('routePriority', routePriority);
-    };
-    return (_jsx(SettingCardExpandable, { value: _jsx(BadgedValue, { badgeColor: "info", showBadge: isRoutePriorityChanged, children: t(`main.tags.${currentRoutePriority.toLowerCase()}`) }), icon: _jsx(RouteIcon, {}), title: t(`settings.routePriority`), children: _jsx(Tabs, { value: currentRoutePriority, "aria-label": "tabs", indicatorColor: "primary", onChange: handleRoutePriorityChange, orientation: "vertical", sx: { mt: 1.5 }, children: Orders.map((order) => {
-                return (_jsx(Tab, { label: t(`main.tags.${order.toLowerCase()}`), value: order, disableRipple: true }, order));
-            }) }) }));
-};

package/pages/SettingsPage/SendToWalletOptionSetting.d.ts

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

package/pages/SettingsPage/SendToWalletOptionSetting.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useTranslation } from 'react-i18next';
-import WalletIcon from '@mui/icons-material/Wallet';
-import { Switch } from '../../components/Switch';
-import { useWidgetConfig } from '../../providers';
-import { useSendToWalletStore, useSettings, useSettingsStore, } from '../../stores';
-import { HiddenUI } from '../../types';
-import { SettingCard, SummaryRowContainer, SummaryTitleContainer, SummaryValue, } from './SettingsCard';
-export const SendToWalletOptionSetting = () => {
-    const { t } = useTranslation();
-    const { hiddenUI } = useWidgetConfig();
-    const setSendToWallet = useSendToWalletStore((state) => state.setSendToWallet);
-    const setValue = useSettingsStore((state) => state.setValue);
-    const { showDestinationWallet } = useSettings(['showDestinationWallet']);
-    if (hiddenUI?.includes(HiddenUI.ToAddress)) {
-        return null;
-    }
-    const onChange = (_, checked) => {
-        setValue('showDestinationWallet', checked);
-        setSendToWallet(false);
-    };
-    return (_jsx(SettingCard, { children: _jsxs(SummaryRowContainer, { children: [_jsxs(SummaryTitleContainer, { children: [_jsx(WalletIcon, {}), _jsx(SummaryValue, { children: t(`settings.sendToWalletOption`) })] }), _jsx(Switch, { checked: showDestinationWallet, onChange: onChange })] }) }));
-};

package/pages/SettingsPage/SettingsCard/BadgedValue.d.ts

@@ -1,8 +0,0 @@
-import type { PropsWithChildren } from 'react';
-import type { BadgeProps } from '@mui/material';
-interface BadgedValueProps {
-    showBadge: boolean;
-    badgeColor?: BadgeProps['color'];
-}
-export declare const BadgedValue: React.FC<PropsWithChildren<BadgedValueProps>>;
-export {};

package/pages/SettingsPage/SettingsCard/BadgedValue.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { SummaryValue, Badge } from './SettingCard.style';
-export const BadgedValue = ({ showBadge, badgeColor, children, }) => showBadge && badgeColor ? (_jsx(Badge, { variant: "dot", color: badgeColor, children: _jsx(SummaryValue, { children: children }) })) : (_jsx(SummaryValue, { children: children }));

package/pages/SettingsPage/SettingsCard/SettingCard.d.ts

@@ -1,2 +0,0 @@
-import type { PropsWithChildren } from 'react';
-export declare const SettingCard: React.FC<PropsWithChildren>;

package/pages/SettingsPage/SettingsCard/SettingCard.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Card } from '../../../components/Card';
-export const SettingCard = ({ children }) => {
-    return (_jsx(Card, { variant: "default", selectionColor: "primary", sx: {
-            p: 2,
-        }, children: children }));
-};