@lifi/widget 2.9.4 → 3.0.0-alpha.1

package/pages/ActiveTransactionsPage/ActiveTransactionsPage.d.ts

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

package/pages/ActiveTransactionsPage/ActiveTransactionsPage.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import DeleteIcon from '@mui/icons-material/DeleteOutline';
-import { Button, Container, DialogActions, DialogContent, DialogContentText, DialogTitle, IconButton, List, } from '@mui/material';
-import { useCallback, useEffect, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { ActiveTransactionItem } from '../../components/ActiveTransactions';
-import { Dialog } from '../../components/Dialog';
-import { useWallet } from '../../providers';
-import { useExecutingRoutesIds, useHeaderStoreContext, useRouteExecutionStore, } from '../../stores';
-import { ActiveTransactionsEmpty } from './ActiveTransactionsEmpty';
-export const ActiveTransactionsPage = () => {
-    const { t } = useTranslation();
-    const { account } = useWallet();
-    const executingRoutes = useExecutingRoutesIds(account.address);
-    const deleteRoutes = useRouteExecutionStore((store) => store.deleteRoutes);
-    const headerStoreContext = useHeaderStoreContext();
-    const [open, setOpen] = useState(false);
-    const toggleDialog = useCallback(() => {
-        setOpen((open) => !open);
-    }, []);
-    useEffect(() => {
-        if (executingRoutes.length) {
-            return headerStoreContext.getState().setAction(_jsx(IconButton, { size: "medium", edge: "end", onClick: toggleDialog, children: _jsx(DeleteIcon, {}) }));
-        }
-    }, [executingRoutes.length, headerStoreContext, toggleDialog]);
-    if (!executingRoutes.length) {
-        return _jsx(ActiveTransactionsEmpty, {});
-    }
-    return (_jsxs(Container, { disableGutters: true, children: [_jsx(List, { sx: {
-                    paddingLeft: 1.5,
-                    paddingRight: 1.5,
-                }, children: executingRoutes.map((routeId) => (_jsx(ActiveTransactionItem, { routeId: routeId }, routeId))) }), _jsxs(Dialog, { open: open, onClose: toggleDialog, children: [_jsx(DialogTitle, { children: t('warning.title.deleteActiveTransactions') }), _jsx(DialogContent, { children: _jsx(DialogContentText, { children: t('warning.message.deleteActiveTransactions') }) }), _jsxs(DialogActions, { children: [_jsx(Button, { onClick: toggleDialog, children: t('button.cancel') }), _jsx(Button, { variant: "contained", onClick: () => deleteRoutes('active'), autoFocus: true, children: t('button.delete') })] })] })] }));
-};

package/pages/ActiveTransactionsPage/index.js

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

package/pages/MainPage/MainGasMessage.d.ts

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

package/pages/MainPage/MainGasMessage.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { GasMessage } from '../../components/GasMessage';
-import { useRoutes } from '../../hooks';
-export const MainGasMessage = (props) => {
-    const { routes } = useRoutes();
-    const currentRoute = routes?.[0];
-    return _jsx(GasMessage, { route: currentRoute, ...props });
-};

package/pages/MainPage/MainPage.d.ts

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

package/pages/MainPage/MainPage.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box } from '@mui/material';
-import { ActiveTransactions } from '../../components/ActiveTransactions';
-import { AmountInput } from '../../components/AmountInput';
-import { ContractComponent } from '../../components/ContractComponent';
-import { GasRefuelMessage } from '../../components/GasMessage';
-import { Routes } from '../../components/Routes';
-import { SelectChainAndToken } from '../../components/SelectChainAndToken';
-import { SendToWallet, SendToWalletButton, } from '../../components/SendToWallet';
-import { useExpandableVariant } from '../../hooks';
-import { useWidgetConfig } from '../../providers';
-import { MainGasMessage } from './MainGasMessage';
-import { FormContainer } from './MainPage.style';
-import { ReviewButton } from './ReviewButton';
-export const MainPage = () => {
-    const expandable = useExpandableVariant();
-    const { subvariant, contractComponent } = useWidgetConfig();
-    const nft = subvariant === 'nft';
-    return (_jsxs(FormContainer, { disableGutters: true, children: [_jsx(ActiveTransactions, { mx: 3, mt: 1, mb: 1 }), nft ? (_jsx(ContractComponent, { mx: 3, mt: 1, mb: 1, children: contractComponent })) : null, _jsx(SelectChainAndToken, { mt: 1, mx: 3, mb: 2 }), !nft ? _jsx(AmountInput, { formType: "from", mx: 3, mb: 2 }) : null, !expandable ? _jsx(Routes, { mx: 3, mb: 2 }) : null, _jsx(SendToWallet, { mx: 3, mb: 2 }), _jsx(GasRefuelMessage, { mx: 3, mb: 2 }), _jsx(MainGasMessage, { mx: 3, mb: 2 }), _jsxs(Box, { display: "flex", mx: 3, mb: 1, children: [_jsx(ReviewButton, {}), _jsx(SendToWalletButton, {})] })] }));
-};

package/pages/MainPage/MainPage.style.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const FormContainer: 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?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-}, "className" | "style" | "classes" | "children" | "sx" | "maxWidth" | "fixed" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/pages/MainPage/MainPage.style.js

@@ -1,8 +0,0 @@
-import { Container } from '@mui/material';
-import { styled } from '@mui/material/styles';
-export const FormContainer = styled(Container)({
-    display: 'flex',
-    flexDirection: 'column',
-    flexGrow: 1,
-    position: 'relative',
-});

package/pages/MainPage/ReviewButton.d.ts

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

package/pages/MainPage/ReviewButton.js

@@ -1,58 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useFormState } from 'react-hook-form';
-import { useTranslation } from 'react-i18next';
-import { useNavigate } from 'react-router-dom';
-import { BaseTransactionButton } from '../../components/BaseTransactionButton';
-import { useRoutes } from '../../hooks';
-import { useWidgetConfig } from '../../providers';
-import { useSetExecutableRoute, useSplitSubvariantStore } from '../../stores';
-import { navigationRoutes } from '../../utils';
-export const ReviewButton = () => {
-    const { t } = useTranslation();
-    const navigate = useNavigate();
-    const { isValid, isValidating } = useFormState();
-    const setExecutableRoute = useSetExecutableRoute();
-    const { subvariant } = useWidgetConfig();
-    const splitState = useSplitSubvariantStore((state) => state.state);
-    const { routes } = useRoutes();
-    const currentRoute = routes?.[0];
-    const handleClick = async () => {
-        if (currentRoute) {
-            setExecutableRoute(currentRoute);
-            navigate(navigationRoutes.transactionExecution, {
-                state: { routeId: currentRoute.id },
-            });
-        }
-    };
-    const getButtonText = () => {
-        if (currentRoute) {
-            switch (subvariant) {
-                case 'nft':
-                    return t(`button.reviewPurchase`);
-                case 'refuel':
-                    return t(`button.reviewBridge`);
-                default:
-                    const transactionType = currentRoute.fromChainId === currentRoute.toChainId
-                        ? 'Swap'
-                        : 'Bridge';
-                    return t(`button.review${transactionType}`);
-            }
-        }
-        else {
-            switch (subvariant) {
-                case 'nft':
-                    return t(`button.buy`);
-                case 'refuel':
-                    return t(`button.getGas`);
-                case 'split':
-                    if (splitState) {
-                        return t(`button.${splitState}`);
-                    }
-                    return t(`button.exchange`);
-                default:
-                    return t(`button.exchange`);
-            }
-        }
-    };
-    return (_jsx(BaseTransactionButton, { text: getButtonText(), onClick: handleClick, disabled: currentRoute && (isValidating || !isValid) }));
-};

package/pages/MainPage/index.js

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

package/pages/RoutesPage/RoutesPage.d.ts

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

package/pages/RoutesPage/RoutesPage.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from 'react';
-import { ProgressToNextUpdate } from '../../components/ProgressToNextUpdate';
-import { RouteCard, RouteCardSkeleton, RouteNotFoundCard, } from '../../components/RouteCard';
-import { useNavigateBack, useRoutes } from '../../hooks';
-import { useHeaderStoreContext, useSetExecutableRoute } from '../../stores';
-import { navigationRoutes } from '../../utils';
-import { Stack } from './RoutesPage.style';
-export const RoutesPage = () => {
-    const { navigateBack, navigate } = useNavigateBack();
-    const { routes, isLoading, isFetching, dataUpdatedAt, refetchTime, refetch } = useRoutes();
-    const setExecutableRoute = useSetExecutableRoute();
-    const headerStoreContext = useHeaderStoreContext();
-    const handleRouteClick = (route) => {
-        setExecutableRoute(route);
-        navigate(navigationRoutes.transactionExecution, {
-            state: { routeId: route.id },
-        });
-    };
-    useEffect(() => {
-        if (!routes?.length && !isLoading && !isFetching) {
-            navigateBack();
-        }
-        // redirect to the home page if no routes are found on page reload
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    useEffect(() => {
-        return headerStoreContext
-            .getState()
-            .setAction(_jsx(ProgressToNextUpdate, { updatedAt: dataUpdatedAt || new Date().getTime(), timeToUpdate: refetchTime, isLoading: isFetching, onClick: () => refetch(), sx: { marginRight: -1 }, size: "medium", edge: "end" }));
-    }, [dataUpdatedAt, headerStoreContext, isFetching, refetch, refetchTime]);
-    const routeNotFound = !routes?.length && !isLoading && !isFetching;
-    return (_jsx(Stack, { direction: "column", spacing: 2, flex: 1, children: routeNotFound ? (_jsx(RouteNotFoundCard, {})) : isLoading ? (Array.from({ length: 3 }).map((_, index) => (_jsx(RouteCardSkeleton, {}, index)))) : (routes?.map((route, index) => (_jsx(RouteCard, { route: route, onClick: () => handleRouteClick(route), active: index === 0, expanded: routes?.length <= 2 }, route.id)))) }));
-};

package/pages/RoutesPage/RoutesPage.style.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const Stack: import("@emotion/styled").StyledComponent<import("@mui/material").StackOwnProps & import("@mui/material/OverridableComponent").CommonProps & 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/material/OverridableComponent").CommonProps | keyof import("@mui/material").StackOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/pages/RoutesPage/RoutesPage.style.js

@@ -1,6 +0,0 @@
-import { Stack as MuiStack } from '@mui/material';
-import { styled } from '@mui/material/styles';
-export const Stack = styled(MuiStack)(({ theme }) => ({
-    position: 'relative',
-    padding: theme.spacing(1, 3),
-}));

package/pages/RoutesPage/index.js

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

package/pages/SelectChainPage/SelectChainPage.d.ts

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

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,50 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import CheckBoxIcon from '@mui/icons-material/CheckBox';
-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, } from '@mui/material';
-import { useEffect } from 'react';
-import { shallow } from 'zustand/shallow';
-import { ListItemText } from '../../components/ListItemText';
-import { useTools } from '../../hooks';
-import { useHeaderStoreContext, useSettingsStore } from '../../stores';
-import { ListItemButton } from './SelectEnabledToolsPage.style';
-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(IconButton, { size: "medium", edge: "end", onClick: toggleCheckboxes, children: allToolsSelected ? (_jsx(CheckBoxOutlinedIcon, {})) : enabledTools.length ? (_jsx(IndeterminateCheckBoxOutlinedIcon, {})) : (_jsx(CheckBoxOutlineBlankOutlinedIcon, {})) }));
-    }, [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(ListItemButton, { 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(CheckBoxIcon, { color: "primary" })) : (_jsx(CheckBoxOutlineBlankOutlinedIcon, {}))] }, tool.name))) }) }));
-};

package/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.style.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const ListItemButton: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-}, "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "alignItems" | "divider" | "dense" | "selected" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.style.js

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

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/SelectWalletPage.d.ts

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

package/pages/SelectWalletPage/SelectWalletPage.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { supportedWallets } from '@lifi/wallet-management';
-import { Avatar, Button, Container, DialogActions, DialogContent, DialogContentText, List, ListItemAvatar, useMediaQuery, } from '@mui/material';
-import { useCallback, useEffect, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Dialog } from '../../components/Dialog';
-import { ListItemButton } from '../../components/ListItemButton';
-import { ListItemText } from '../../components/ListItemText';
-import { useNavigateBack } from '../../hooks';
-import { useWallet } from '../../providers';
-export const SelectWalletPage = () => {
-    const { t } = useTranslation();
-    const { navigateBack } = useNavigateBack();
-    const { connect } = useWallet();
-    const [walletIdentity, setWalletIdentity] = useState({ show: false });
-    const [wallets, setWallets] = useState();
-    const isDesktopView = useMediaQuery((theme) => theme.breakpoints.up('sm'));
-    const closeDialog = () => {
-        setWalletIdentity((state) => ({
-            ...state,
-            show: false,
-        }));
-    };
-    const handleConnect = useCallback(async (wallet) => {
-        const identityCheckPassed = await wallet.installed();
-        if (!identityCheckPassed) {
-            setWalletIdentity({
-                show: true,
-                wallet,
-            });
-            return;
-        }
-        navigateBack();
-        await connect(wallet);
-    }, [connect, navigateBack]);
-    useEffect(() => {
-        Promise.all(supportedWallets.map((wallet) => wallet.installed())).then((installed) => {
-            // separate into installed and not installed wallets
-            const installedWallets = supportedWallets.filter((_, index) => installed[index]);
-            // always remove Default Wallet from not installed Wallets
-            const notInstalledWallets = supportedWallets.filter((wallet, index) => !installed[index] && wallet.name !== 'Default Wallet');
-            const allowedWallets = [...installedWallets];
-            if (isDesktopView) {
-                allowedWallets.push(...notInstalledWallets);
-            }
-            setWallets(allowedWallets);
-        });
-    }, []);
-    return (_jsxs(Container, { disableGutters: true, children: [_jsx(List, { sx: {
-                    paddingLeft: 1.5,
-                    paddingRight: 1.5,
-                }, children: wallets?.map((wallet) => (_jsxs(ListItemButton, { onClick: () => handleConnect(wallet), children: [_jsx(ListItemAvatar, { children: _jsx(Avatar, { src: wallet.icon.src || wallet.icon, alt: wallet.name, children: wallet.name[0] }) }), _jsx(ListItemText, { primary: wallet.name })] }, wallet.name))) }), _jsxs(Dialog, { open: walletIdentity.show, onClose: closeDialog, children: [_jsx(DialogContent, { children: _jsx(DialogContentText, { children: t('wallet.extensionNotFound', {
-                                name: walletIdentity.wallet?.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/SettingsPage/ColorSchemeButtonGroup.d.ts

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

package/pages/SettingsPage/ColorSchemeButtonGroup.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Brightness4Icon from '@mui/icons-material/Brightness4';
-import DarkModeIcon from '@mui/icons-material/DarkMode';
-import LightModeIcon from '@mui/icons-material/LightMode';
-import { Box, ToggleButtonGroup } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { useWidgetConfig } from '../../providers';
-import { useAppearance } from '../../stores';
-import { HiddenUI } from '../../types';
-import { ToggleButton } from './ColorSchemeButtonGroup.style';
-export const ColorSchemeButtonGroup = () => {
-    const { t } = useTranslation();
-    const { hiddenUI } = useWidgetConfig();
-    const [appearance, setAppearance] = useAppearance();
-    if (hiddenUI?.includes(HiddenUI.Appearance)) {
-        return null;
-    }
-    return (_jsx(Box, { pb: 2, children: _jsxs(ToggleButtonGroup, { color: "primary", value: appearance, onChange: (_, value) => {
-                if (value) {
-                    setAppearance(value);
-                }
-            }, exclusive: true, fullWidth: true, children: [_jsxs(ToggleButton, { value: "light", children: [_jsx(LightModeIcon, { sx: { marginRight: 1 } }), t('button.light')] }), _jsxs(ToggleButton, { value: "dark", children: [_jsx(DarkModeIcon, { sx: { marginRight: 1 } }), t('button.dark')] }), _jsxs(ToggleButton, { value: "auto", children: [_jsx(Brightness4Icon, { sx: { marginRight: 1 } }), t('button.auto')] })] }) }));
-};

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const ToggleButton: import("@emotion/styled").StyledComponent<import("@mui/material").ToggleButtonOwnProps & 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;
-}, "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "color" | "onChange" | "onClick" | "disableFocusRipple" | "fullWidth" | "size" | "value" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/pages/SettingsPage/ColorSchemeButtonGroup.style.js

@@ -1,16 +0,0 @@
-import { ToggleButton as MuiToggleButton } from '@mui/material';
-import { styled } from '@mui/material/styles';
-import { toggleButtonClasses } from '@mui/material/ToggleButton';
-export const ToggleButton = styled(MuiToggleButton)(({ theme }) => ({
-    textTransform: 'none',
-    borderRadius: theme.shape.borderRadius,
-    borderColor: theme.palette.mode === 'light'
-        ? theme.palette.grey[300]
-        : theme.palette.grey[800],
-    [`&.${toggleButtonClasses.selected}`]: {
-        color: theme.palette.mode === 'light'
-            ? theme.palette.primary.main
-            : theme.palette.primary.light,
-        borderColor: 'currentColor !important',
-    },
-}));

package/pages/SettingsPage/EnabledToolsButton.d.ts

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

package/pages/SettingsPage/EnabledToolsButton.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import ChevronRightIcon from '@mui/icons-material/ChevronRight';
-import { Box } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { useNavigate } from 'react-router-dom';
-import { shallow } from 'zustand/shallow';
-import { useSettingsStore } from '../../stores';
-import { navigationRoutes } from '../../utils';
-import { ListItemButton, ListItemText } from './EnabledToolsButton.style';
-export const EnabledToolsButton = ({ type }) => {
-    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 handleClick = () => {
-        navigate(navigationRoutes[type.toLowerCase()]);
-    };
-    return (_jsxs(ListItemButton, { onClick: handleClick, children: [_jsx(ListItemText, { primary: t(`settings.enabled${type}`) }), _jsxs(Box, { display: "flex", alignItems: "center", children: [_jsx(ListItemText, { primary: `${enabledTools}/${tools}` }), _jsx(ChevronRightIcon, {})] })] }));
-};

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

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-export declare const ListItemButton: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-}, "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "autoFocus" | "alignItems" | "divider" | "dense" | "selected" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const ListItemText: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemTextProps<import("react").ElementType<any>, import("react").ElementType<any>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;