@lifi/widget 2.9.4 → 3.0.0-alpha.1

package/components/Header/WalletHeader.js

@@ -1,72 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import ContentCopyIcon from '@mui/icons-material/ContentCopyRounded';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import OpenInNewIcon from '@mui/icons-material/OpenInNewRounded';
-import PowerSettingsNewIcon from '@mui/icons-material/PowerSettingsNewRounded';
-import WalletIcon from '@mui/icons-material/Wallet';
-import { Avatar, Button, MenuItem } from '@mui/material';
-import { useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useLocation, useNavigate } from 'react-router-dom';
-import { useChain } from '../../hooks';
-import { useWallet, useWidgetConfig } from '../../providers';
-import { navigationRoutes, shortenAddress } from '../../utils';
-import { DrawerWalletContainer, HeaderAppBar, WalletButton, } from './Header.style';
-import { WalletMenu } from './WalletMenu';
-export const WalletHeader = () => {
-    return (_jsx(HeaderAppBar, { elevation: 0, sx: { justifyContent: 'flex-end' }, children: _jsx(WalletMenuButton, {}) }));
-};
-export const WalletMenuButton = () => {
-    const { account } = useWallet();
-    const { variant } = useWidgetConfig();
-    if (variant === 'drawer') {
-        return (_jsx(DrawerWalletContainer, { children: account.isActive ? _jsx(ConnectedButton, {}) : _jsx(ConnectButton, {}) }));
-    }
-    return account.isActive ? _jsx(ConnectedButton, {}) : _jsx(ConnectButton, {});
-};
-const ConnectButton = () => {
-    const { t } = useTranslation();
-    const { pathname } = useLocation();
-    const { walletManagement, subvariant, variant } = useWidgetConfig();
-    const { connect: connectWallet } = useWallet();
-    const navigate = useNavigate();
-    const connect = async () => {
-        if (walletManagement) {
-            await connectWallet();
-            return;
-        }
-        navigate(navigationRoutes.selectWallet);
-    };
-    return (_jsx(WalletButton, { endIcon: variant !== 'drawer' && subvariant !== 'split' ? (_jsx(WalletIcon, {})) : undefined, startIcon: variant === 'drawer' || subvariant === 'split' ? (_jsx(WalletIcon, { sx: { marginLeft: -0.25 } })) : undefined, onClick: !pathname.includes(navigationRoutes.selectWallet) ? connect : undefined, sx: {
-            marginRight: subvariant === 'split' ? 0 : -1.25,
-            marginLeft: subvariant === 'split' ? -1.25 : 0,
-        }, children: t(`button.connectWallet`) }));
-};
-const ConnectedButton = () => {
-    const { t } = useTranslation();
-    const { subvariant } = useWidgetConfig();
-    const { account, disconnect } = useWallet();
-    const walletAddress = shortenAddress(account.address);
-    const { chain } = useChain(account.chainId);
-    const [anchorEl, setAnchorEl] = useState(null);
-    const handleClick = (event) => {
-        setAnchorEl(event.currentTarget);
-    };
-    const handleClose = () => {
-        setAnchorEl(null);
-    };
-    const handleDisconnect = () => {
-        disconnect();
-        handleClose();
-    };
-    const handleCopyAddress = async () => {
-        await navigator.clipboard.writeText(account.address ?? '');
-        handleClose();
-    };
-    return (_jsxs(_Fragment, { children: [_jsx(WalletButton, { endIcon: _jsx(ExpandMoreIcon, {}), startIcon: _jsx(Avatar, { src: chain?.logoURI, alt: chain?.key, sx: { width: 24, height: 24 }, children: chain?.name[0] }), sx: {
-                    marginRight: subvariant === 'split' ? 0 : -1.25,
-                    marginLeft: subvariant === 'split' ? -1 : 0,
-                }, onClick: handleClick, children: walletAddress }), _jsxs(WalletMenu, { anchorEl: anchorEl, open: Boolean(anchorEl), onClose: handleClose, children: [_jsxs(MenuItem, { onClick: handleCopyAddress, children: [_jsx(ContentCopyIcon, {}), t(`button.copyAddress`)] }), _jsxs(MenuItem, { component: "a", onClick: handleClose, href: `${chain?.metamask.blockExplorerUrls[0]}address/${account.address}`, target: "_blank", children: [_jsx(OpenInNewIcon, {}), t(`button.viewOnExplorer`)] }), _jsx(Button, { onClick: handleDisconnect, fullWidth: true, startIcon: _jsx(PowerSettingsNewIcon, {}), sx: {
-                            marginTop: 1,
-                        }, children: t(`button.disconnect`) })] })] }));
-};

package/components/Header/WalletMenu.d.ts

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

package/components/Header/WalletMenu.js

@@ -1,25 +0,0 @@
-import { Menu as MuiMenu } from '@mui/material';
-import { menuClasses } from '@mui/material/Menu';
-import { menuItemClasses } from '@mui/material/MenuItem';
-import { styled } from '@mui/material/styles';
-import { svgIconClasses } from '@mui/material/SvgIcon';
-export const WalletMenu = styled(MuiMenu)(({ theme }) => ({
-    [`& .${menuClasses.paper}`]: {
-        borderRadius: theme.shape.borderRadius,
-        color: theme.palette.text.primary,
-        boxShadow: '0px 2px 4px rgb(0 0 0 / 8%), 0px 8px 16px rgb(0 0 0 / 8%)',
-        padding: theme.spacing(2),
-        [`& .${menuClasses.list}`]: {
-            padding: 0,
-        },
-        [`& .${menuItemClasses.root}`]: {
-            borderRadius: theme.shape.borderRadiusSecondary,
-            padding: theme.spacing(1, 2, 1, 1),
-            [`& .${svgIconClasses.root}`]: {
-                fontSize: 20,
-                color: theme.palette.text.primary,
-                marginRight: theme.spacing(1.5),
-            },
-        },
-    },
-}));

package/components/Header/index.js

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

package/components/Initializer.d.ts

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

package/components/Initializer.js

@@ -1,5 +0,0 @@
-import { useInitializer } from '../hooks';
-export const Initializer = () => {
-    useInitializer();
-    return null;
-};

package/components/Input.d.ts

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

package/components/Input.js

@@ -1,14 +0,0 @@
-import { InputBase } from '@mui/material';
-import { inputBaseClasses } from '@mui/material/InputBase';
-import { styled } from '@mui/material/styles';
-export const Input = styled(InputBase)(({ theme }) => ({
-    backgroundColor: theme.palette.mode === 'light'
-        ? theme.palette.common.white
-        : theme.palette.background.paper,
-    paddingRight: theme.spacing(2),
-    [`.${inputBaseClasses.input}`]: {
-        padding: theme.spacing(1.5, 1, 1.5, 2),
-        height: '2.875em',
-        boxSizing: 'inherit',
-    },
-}));

package/components/Insurance/Insurance.d.ts

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

package/components/Insurance/Insurance.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { RouteExecutionStatus } from '../../stores';
-import { InsuranceCard } from './InsuranceCard';
-import { InsuranceCollapsed } from './InsuranceCollapsed';
-export const Insurance = ({ status, insurableRouteId, onChange, ...props }) => {
-    return status === RouteExecutionStatus.Idle ? (_jsx(InsuranceCollapsed, { status: status, insurableRouteId: insurableRouteId, onChange: onChange, ...props })) : (_jsx(InsuranceCard, { status: status, ...props }));
-};

package/components/Insurance/InsuranceCard.d.ts

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

package/components/Insurance/InsuranceCard.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import ExpandLessIcon from '@mui/icons-material/ExpandLess';
-import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import VerifiedUserIcon from '@mui/icons-material/VerifiedUser';
-import { Box, Collapse, Link, Typography } from '@mui/material';
-import { useState } from 'react';
-import { Trans, useTranslation } from 'react-i18next';
-import { InsuraceLogo } from '../../icons';
-import { RouteExecutionStatus } from '../../stores';
-import { Card, CardIconButton, CardLabel, CardLabelTypography } from '../Card';
-import { Switch } from '../Switch';
-export const InsuranceCard = ({ status, feeAmountUsd, insuredAmount, insuredTokenSymbol, insuranceCoverageId, onChange, ...props }) => {
-    const { t } = useTranslation();
-    const [enabled, setEnabled] = useState(false);
-    const [cardExpanded, setCardExpanded] = useState(status === RouteExecutionStatus.Idle);
-    const handleExpand = (e) => {
-        e.stopPropagation();
-        setCardExpanded((expanded) => !expanded);
-    };
-    const handleSwitch = (_, checked) => {
-        setEnabled(checked);
-        onChange?.(checked);
-    };
-    return (_jsxs(Card, { selectionColor: "secondary", indented: true, ...props, children: [_jsxs(Box, { display: "flex", alignItems: "center", justifyContent: "space-between", children: [_jsxs(CardLabel, { type: 'insurance', children: [_jsx(VerifiedUserIcon, { fontSize: "inherit" }), _jsx(CardLabelTypography, { type: "icon", children: status === RouteExecutionStatus.Idle
-                                    ? t('main.tags.insurance')
-                                    : t('main.tags.insured') })] }), status === RouteExecutionStatus.Idle ? (_jsx(Switch, { onChange: handleSwitch, value: enabled })) : (_jsx(Box, { my: -0.5, children: _jsx(CardIconButton, { onClick: handleExpand, size: "small", children: cardExpanded ? _jsx(ExpandLessIcon, {}) : _jsx(ExpandMoreIcon, {}) }) }))] }), _jsx(Collapse, { timeout: 225, in: cardExpanded, mountOnEnter: true, unmountOnExit: true, children: _jsxs(Box, { mt: 2, children: [_jsxs(Box, { display: "flex", alignItems: "center", justifyContent: "space-between", mb: 2, children: [_jsx(Typography, { fontSize: 24, fontWeight: 700, lineHeight: 1, children: t('format.currency', {
-                                        value: feeAmountUsd,
-                                    }) }), _jsx(InsuraceLogo, {})] }), _jsxs(Box, { children: [_jsx(Typography, { fontSize: 14, children: _jsx(Trans, { i18nKey: status === RouteExecutionStatus.Idle
-                                            ? 'insurance.insure'
-                                            : 'insurance.insured', values: {
-                                            amount: insuredAmount,
-                                            tokenSymbol: insuredTokenSymbol,
-                                        }, components: [_jsx("strong", {})] }) }), _jsx(Collapse, { timeout: 225, in: enabled || status !== RouteExecutionStatus.Idle, mountOnEnter: true, unmountOnExit: true, children: _jsxs(Box, { sx: {
-                                            listStyleType: 'disc',
-                                            pl: 2,
-                                        }, children: [_jsx(Typography, { fontSize: 14, display: "list-item", children: t('insurance.bridgeExploits') }), _jsx(Typography, { fontSize: 14, display: "list-item", children: t('insurance.slippageError') })] }) }), _jsx(Link, { href: status === RouteExecutionStatus.Idle
-                                        ? 'https://docs.insurace.io/landing-page/documentation/cover-products/bridge-cover/li.fi'
-                                        : `https://app.insurace.io/bridge-cover?search=${insuranceCoverageId}`, target: "_blank", underline: "none", color: "text.primary", children: _jsx(Typography, { pt: 0.5, color: "primary", fontSize: 14, fontWeight: 600, children: status === RouteExecutionStatus.Idle
-                                            ? t('button.learnMore')
-                                            : t('button.viewCoverage') }) })] })] }) })] }));
-};

package/components/Insurance/InsuranceCollapsed.d.ts

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

package/components/Insurance/InsuranceCollapsed.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Collapse } from '@mui/material';
-import { useRoutes } from '../../hooks';
-import { RouteExecutionStatus, useRouteExecutionStore, useSetExecutableRoute, } from '../../stores';
-import { formatTokenAmount } from '../../utils';
-import { InsuranceCard } from './InsuranceCard';
-export const InsuranceCollapsed = ({ status, insurableRouteId, onChange, ...props }) => {
-    const setExecutableRoute = useSetExecutableRoute();
-    const routeExecution = useRouteExecutionStore((state) => state.routes[insurableRouteId]);
-    const { routes } = useRoutes({
-        insurableRoute: routeExecution?.route,
-    });
-    const insuredRoute = routes?.[0];
-    const toggleInsurance = (checked) => {
-        if (insuredRoute) {
-            if (checked) {
-                setExecutableRoute(insuredRoute, insurableRouteId);
-            }
-            onChange?.(checked ? insuredRoute.id : insurableRouteId);
-        }
-    };
-    if (!insuredRoute) {
-        return null;
-    }
-    return (_jsx(Collapse, { timeout: 225, in: insuredRoute.insurance.state === 'INSURED', unmountOnExit: true, mountOnEnter: true, appear: status === RouteExecutionStatus.Idle, children: _jsx(InsuranceCard, { ...props, status: status, insuredAmount: formatTokenAmount(insuredRoute.toAmountMin, insuredRoute.toToken.decimals), insuredTokenSymbol: insuredRoute.toToken.symbol, onChange: toggleInsurance }) }));
-};

package/components/Insurance/index.js

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

package/components/Insurance/types.d.ts

@@ -1,19 +0,0 @@
-import type { BoxProps } from '@mui/material';
-import type { RouteExecutionStatus } from '../../stores';
-export interface InsuredAmount {
-    insuredAmount: string;
-    insuredTokenSymbol: string;
-}
-interface Insurance extends InsuredAmount {
-    feeAmountUsd: string;
-    insuranceCoverageId?: string;
-    status?: RouteExecutionStatus;
-}
-export interface InsuranceProps extends Insurance, Omit<BoxProps, 'onChange'> {
-    insurableRouteId: string;
-    onChange?: (routeId: string) => void;
-}
-export interface InsuranceCardProps extends Insurance, Omit<BoxProps, 'onChange'> {
-    onChange?: (checked: boolean) => void;
-}
-export {};

package/components/Insurance/types.js

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

package/components/LiFiLogo.d.ts

@@ -1,5 +0,0 @@
-import type { CSSProperties } from 'react';
-export declare const LiFiLogo: React.FC<{
-    variant?: 'icon' | 'full';
-    style?: CSSProperties;
-}>;

package/components/LiFiLogo.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { LiFiFullLogo, LiFiLogo as LiFiIconLogo } from '../icons';
-export const LiFiLogo = ({ variant = 'icon', style }) => {
-    const Component = variant === 'icon' ? LiFiIconLogo : LiFiFullLogo;
-    return _jsx(Component, { style: style, fill: "currentColor", color: "currentColor" });
-};

package/components/ListItemButton.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").Theme>, {}, {}>;

package/components/ListItemButton.js

@@ -1,11 +0,0 @@
-import { ListItemButton as MuiListItemButton } from '@mui/material';
-import { styled } from '@mui/material/styles';
-import { getContrastAlphaColor } from '../utils';
-export const ListItemButton = styled(MuiListItemButton)(({ theme }) => ({
-    borderRadius: theme.shape.borderRadius,
-    paddingLeft: theme.spacing(1.5),
-    height: 56,
-    '&:hover': {
-        backgroundColor: getContrastAlphaColor(theme.palette.mode, '4%'),
-    },
-}));

package/components/ListItemText.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-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>, {}, {}>;

package/components/ListItemText.js

@@ -1,8 +0,0 @@
-import { ListItemText as MuiListItemText } from '@mui/material';
-import { listItemTextClasses } from '@mui/material/ListItemText';
-import { styled } from '@mui/material/styles';
-export const ListItemText = styled(MuiListItemText)(({ theme }) => ({
-    [`.${listItemTextClasses.primary}`]: {
-        fontWeight: 400,
-    },
-}));

package/components/NFT/NFT.d.ts

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

package/components/NFT/NFT.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from 'react';
-import { useFormContext } from 'react-hook-form';
-import { FormKey } from '../../providers';
-import { NFTBase } from './NFTBase';
-export const NFT = ({ imageUrl, isLoading, collectionName, assetName, owner, token, contract, }) => {
-    const { setValue } = useFormContext();
-    useEffect(() => {
-        if (token) {
-            setValue(FormKey.ToChain, token.chainId, { shouldTouch: true });
-            setValue(FormKey.ToToken, token.address, { shouldTouch: true });
-            setValue(FormKey.ToAmount, token.amount, { shouldTouch: true });
-        }
-        if (contract) {
-            setValue(FormKey.ToContractAddress, contract.address, {
-                shouldTouch: true,
-            });
-            setValue(FormKey.ToContractCallData, contract.callData, {
-                shouldTouch: true,
-            });
-            setValue(FormKey.ToContractGasLimit, contract.gasLimit, {
-                shouldTouch: true,
-            });
-        }
-    }, [contract, setValue, token]);
-    return (_jsx(NFTBase, { isLoading: isLoading, imageUrl: imageUrl, collectionName: collectionName, assetName: assetName, owner: owner, token: token }));
-};

package/components/NFT/NFT.style.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const PreviewAvatar: import("@emotion/styled").StyledComponent<import("@mui/material").AvatarOwnProps & 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" | "variant" | "alt" | "imgProps" | "sizes" | "src" | "srcSet"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/components/NFT/NFT.style.js

@@ -1,8 +0,0 @@
-import { Avatar } from '@mui/material';
-import { styled } from '@mui/material/styles';
-export const PreviewAvatar = styled(Avatar)(({ theme }) => ({
-    background: theme.palette.background.paper,
-    width: 96,
-    height: 96,
-    borderRadius: theme.shape.borderRadius,
-}));

package/components/NFT/NFTBase.d.ts

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

package/components/NFT/NFTBase.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Link, Skeleton, Typography } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { Token } from '../Token';
-import { PreviewAvatar } from './NFT.style';
-export const NFTBase = ({ imageUrl, isLoading, collectionName, assetName, owner, token, }) => {
-    const { t } = useTranslation();
-    return (_jsxs(Box, { p: 2, children: [_jsxs(Box, { display: "flex", children: [isLoading ? (_jsx(Skeleton, { width: 96, height: 96, variant: "rectangular", sx: { borderRadius: 1 } })) : (_jsx(PreviewAvatar, { src: imageUrl })), _jsxs(Box, { ml: 2, children: [isLoading ? (_jsx(Skeleton, { width: 144, height: 21, variant: "text" })) : (_jsx(Typography, { fontSize: 14, color: "text.secondary", children: collectionName })), isLoading ? (_jsx(Skeleton, { width: 112, height: 27, variant: "text" })) : (_jsx(Typography, { fontSize: 18, fontWeight: 600, children: assetName })), isLoading ? (_jsx(Skeleton, { width: 128, height: 21, variant: "text" })) : owner ? (_jsxs(Typography, { fontSize: 14, color: "text.secondary", children: [t('main.ownedBy'), ' ', _jsx(Link, { href: owner.url, target: "_blank", underline: "none", color: "primary", children: owner.name })] })) : null] })] }), _jsx(Token, { token: token, isLoading: isLoading, mt: 2 })] }));
-};

package/components/NFT/index.js

@@ -1,3 +0,0 @@
-export * from './NFT';
-export * from './NFTBase';
-export * from './types';

package/components/NFT/types.d.ts

@@ -1,17 +0,0 @@
-import type { TokenAmount } from '@lifi/sdk';
-import type { WidgetContract } from '../../types';
-export interface NFTBaseProps {
-    imageUrl?: string;
-    collectionName?: string;
-    assetName?: string;
-    isLoading?: boolean;
-    owner?: NFTOwner;
-    token?: TokenAmount;
-}
-export interface NFTProps extends NFTBaseProps {
-    contract?: WidgetContract;
-}
-export interface NFTOwner {
-    name?: string;
-    url?: string;
-}

package/components/NFT/types.js

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

package/components/NotFound.d.ts

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

package/components/NotFound.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import BlockIcon from '@mui/icons-material/Block';
-import { Box, Typography } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-export const NotFound = () => {
-    const { t } = useTranslation();
-    return (_jsxs(Box, { sx: {
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            flexDirection: 'column',
-            flex: 1,
-            padding: 3,
-        }, children: [_jsx(Typography, { fontSize: 48, children: _jsx(BlockIcon, { fontSize: "inherit" }) }), _jsx(Typography, { fontSize: 18, fontWeight: 700, children: t('tooltip.notFound.title') }), _jsx(Typography, { fontSize: 14, color: "text.secondary", textAlign: "center", mt: 2, children: t('tooltip.notFound.text') })] }));
-};

package/components/PoweredBy/PoweredBy.d.ts

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

package/components/PoweredBy/PoweredBy.js

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Tooltip, Typography } from '@mui/material';
-import { useLocation } from 'react-router-dom';
-import { version } from '../../config/version';
-import { useWidgetConfig } from '../../providers';
-import { HiddenUI } from '../../types';
-import { navigationRoutes } from '../../utils';
-import { Link } from './PoweredBy.style';
-export const PoweredBy = () => {
-    const { hiddenUI } = useWidgetConfig();
-    const { pathname } = useLocation();
-    if (pathname.includes(navigationRoutes.fromToken) ||
-        pathname.includes(navigationRoutes.toToken)) {
-        return null;
-    }
-    return (_jsx(Box, { px: 3, pt: 1, pb: hiddenUI?.includes(HiddenUI.PoweredBy) ? 1 : 2, sx: {
-            display: 'flex',
-            alignItems: 'flex-end',
-            justifyContent: 'flex-end',
-        }, children: !hiddenUI?.includes(HiddenUI.PoweredBy) ? (_jsx(Tooltip, { title: `v${version}`, placement: "top", enterDelay: 1000, arrow: true, children: _jsxs(Link, { href: "https://li.fi", target: "_blank", underline: "none", color: "text.primary", children: [_jsx(Typography, { color: "text.secondary", fontSize: 12, fontWeight: 500, px: 0.5, children: "Powered by" }), _jsx(Typography, { color: "text.primary", fontSize: 12, fontWeight: 500, children: "LI.FI" })] }) })) : null }));
-};

package/components/PoweredBy/PoweredBy.style.d.ts

@@ -1,3 +0,0 @@
-import type { StyledComponent } from '@emotion/styled';
-import type { LinkProps } from '@mui/material';
-export declare const Link: StyledComponent<LinkProps>;

package/components/PoweredBy/PoweredBy.style.js

@@ -1,10 +0,0 @@
-import { Link as MuiLink } from '@mui/material';
-import { styled } from '@mui/material/styles';
-export const Link = styled(MuiLink)(({ theme }) => ({
-    display: 'flex',
-    alignItems: 'center',
-    border: 'none',
-    ':hover': {
-        color: theme.palette.primary.main,
-    },
-}));

package/components/PoweredBy/index.js

@@ -1 +0,0 @@
-export { PoweredBy } from './PoweredBy';

package/components/ProgressToNextUpdate/ProgressToNextUpdate.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import type { IconButtonProps } from '@mui/material';
-export declare const ProgressToNextUpdate: React.FC<{
-    updatedAt: number;
-    timeToUpdate: number;
-    isLoading?: boolean;
-} & IconButtonProps>;

package/components/ProgressToNextUpdate/ProgressToNextUpdate.js

@@ -1,46 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, CircularProgress, IconButton, Tooltip } from '@mui/material';
-import { useEffect, useState } from 'react';
-import { Trans } from 'react-i18next';
-const getProgressValue = (updatedAt, timeToUpdate) => updatedAt
-    ? Math.min(100, ((Date.now() - updatedAt) / timeToUpdate) * 100)
-    : 0;
-const getSecondsToUpdate = (updatedAt, timeToUpdate) => Math.max(Math.round((timeToUpdate - (Date.now() - updatedAt)) / 1000), 0);
-export const ProgressToNextUpdate = ({ updatedAt, timeToUpdate, isLoading, onClick, ...other }) => {
-    const [value, setValue] = useState(() => getProgressValue(updatedAt, timeToUpdate));
-    useEffect(() => {
-        setValue(getProgressValue(updatedAt, timeToUpdate));
-        const id = setInterval(() => {
-            const time = getProgressValue(updatedAt, timeToUpdate);
-            setValue(time);
-            if (time >= 100) {
-                clearInterval(id);
-            }
-        }, 1000);
-        return () => clearInterval(id);
-    }, [timeToUpdate, updatedAt]);
-    useEffect(() => {
-        if (isLoading) {
-            setValue(0);
-        }
-    }, [isLoading]);
-    return (_jsx(IconButton, { onClick: onClick, disabled: isLoading, ...other, children: _jsx(Tooltip, { title: _jsx(Trans, { i18nKey: "tooltip.progressToNextUpdate", values: {
-                    value: getSecondsToUpdate(updatedAt, timeToUpdate),
-                }, components: [_jsx("br", {})] }), placement: "top", enterDelay: 400, arrow: true, children: _jsxs(Box, { sx: {
-                    display: 'grid',
-                    position: 'relative',
-                    placeItems: 'center',
-                    width: 24,
-                    height: 24,
-                }, children: [_jsx(CircularProgress, { variant: "determinate", size: 24, value: 100, sx: (theme) => ({
-                            position: 'absolute',
-                            color: theme.palette.mode === 'light'
-                                ? theme.palette.grey[300]
-                                : theme.palette.grey[800],
-                        }) }), _jsx(CircularProgress, { variant: isLoading ? 'indeterminate' : 'determinate', size: 24, value: value, sx: (theme) => ({
-                            opacity: value === 100 && !isLoading ? 0.5 : 1,
-                            color: theme.palette.mode === 'light'
-                                ? theme.palette.primary.main
-                                : theme.palette.primary.light,
-                        }) })] }) }) }));
-};

package/components/ProgressToNextUpdate/index.js

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

package/components/ReverseTokensButton/ReverseTokensButton.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const ReverseTokensButton: React.FC<{
-    vertical?: boolean;
-}>;

package/components/ReverseTokensButton/ReverseTokensButton.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import SwapHorizIcon from '@mui/icons-material/SwapHoriz';
-import SwapVertIcon from '@mui/icons-material/SwapVert';
-import { useFormContext } from 'react-hook-form';
-import { FormKey } from '../../providers';
-import { IconButton } from './ReverseTokensButton.style';
-export const ReverseTokensButton = ({ vertical, }) => {
-    const { setValue, getValues } = useFormContext();
-    const handleClick = () => {
-        const [fromChain, fromToken, toChain, toToken] = getValues([
-            FormKey.FromChain,
-            FormKey.FromToken,
-            FormKey.ToChain,
-            FormKey.ToToken,
-        ]);
-        setValue(FormKey.FromAmount, '', { shouldTouch: true });
-        setValue(FormKey.FromChain, toChain, { shouldTouch: true });
-        setValue(FormKey.FromToken, toToken, { shouldTouch: true });
-        setValue(FormKey.ToChain, fromChain, { shouldTouch: true });
-        setValue(FormKey.ToToken, fromToken, { shouldTouch: true });
-    };
-    return (_jsx(IconButton, { onClick: handleClick, size: "small", children: vertical ? _jsx(SwapVertIcon, {}) : _jsx(SwapHorizIcon, {}) }));
-};

package/components/ReverseTokensButton/ReverseTokensButton.style.d.ts

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

package/components/ReverseTokensButton/ReverseTokensButton.style.js

@@ -1,16 +0,0 @@
-import { IconButton as MuiIconButton } from '@mui/material';
-import { darken, lighten, styled } from '@mui/material/styles';
-export const IconButton = styled(MuiIconButton)(({ theme }) => ({
-    backgroundColor: theme.palette.background.paper,
-    border: `1px solid`,
-    borderColor: theme.palette.mode === 'light'
-        ? theme.palette.grey[300]
-        : theme.palette.grey[800],
-    zIndex: 1100,
-    padding: theme.spacing(0.5),
-    '&:hover': {
-        backgroundColor: theme.palette.mode === 'light'
-            ? darken(theme.palette.background.paper, 0.02)
-            : lighten(theme.palette.background.paper, 0.02),
-    },
-}));

package/components/ReverseTokensButton/index.js

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

package/components/RouteCard/RouteCard.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { CardProps } from '../Card';
-import type { RouteCardProps } from './types';
-export declare const RouteCard: React.FC<RouteCardProps & Omit<CardProps, 'variant'>>;