@lifi/widget 1.15.1 → 1.17.0

package/components/SwapButton/SwapButton.style.d.ts

@@ -1,65 +0,0 @@
-/// <reference types="react" />
-export declare const Button: import("@emotion/styled").StyledComponent<{
-    classes?: (Partial<import("@mui/material").ButtonClasses> & {
-        root?: string | undefined;
-        loading?: string | undefined;
-        loadingIndicator?: string | undefined;
-        loadingIndicatorCenter?: string | undefined;
-        loadingIndicatorStart?: string | undefined;
-        loadingIndicatorEnd?: string | undefined;
-        endIconLoadingEnd?: string | undefined;
-        startIconLoadingStart?: string | undefined;
-    }) | undefined;
-    loading?: boolean | undefined;
-    loadingIndicator?: import("react").ReactNode;
-    loadingPosition?: "center" | "end" | "start" | undefined;
-    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
-} & Omit<{
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ButtonClasses> | undefined;
-    color?: "inherit" | "primary" | "secondary" | "error" | "warning" | "info" | "success" | undefined;
-    disabled?: boolean | undefined;
-    disableElevation?: boolean | undefined;
-    disableFocusRipple?: boolean | undefined;
-    endIcon?: import("react").ReactNode;
-    fullWidth?: boolean | undefined;
-    href?: string | undefined;
-    size?: "small" | "medium" | "large" | undefined;
-    startIcon?: import("react").ReactNode;
-    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
-    variant?: "text" | "outlined" | "contained" | undefined;
-} & Omit<{
-    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
-    centerRipple?: boolean | undefined;
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
-    disabled?: boolean | undefined;
-    disableRipple?: boolean | undefined;
-    disableTouchRipple?: boolean | undefined;
-    focusRipple?: boolean | undefined;
-    focusVisibleClassName?: string | undefined;
-    LinkComponent?: import("react").ElementType<any> | undefined;
-    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
-    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
-    tabIndex?: number | undefined;
-    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
-    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
-}, "classes">, "classes"> & Omit<{
-    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
-    centerRipple?: boolean | undefined;
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
-    disabled?: boolean | undefined;
-    disableRipple?: boolean | undefined;
-    disableTouchRipple?: boolean | undefined;
-    focusRipple?: boolean | undefined;
-    focusVisibleClassName?: string | undefined;
-    LinkComponent?: import("react").ElementType<any> | undefined;
-    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
-    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
-    tabIndex?: number | undefined;
-    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
-    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
-}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "tabIndex" | "color" | "children" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "size" | "startIcon" | "variant" | "loading" | "loadingIndicator" | "loadingPosition"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/components/SwapButton/SwapButton.style.js

@@ -1,12 +0,0 @@
-import { LoadingButton } from '@mui/lab';
-import { loadingButtonClasses } from '@mui/lab/LoadingButton';
-import { styled } from '@mui/material/styles';
-import { getContrastAlphaColor } from '../../utils';
-export const Button = styled(LoadingButton)(({ theme }) => ({
-    [`&.${loadingButtonClasses.loading}`]: {
-        color: 'transparent',
-    },
-    [`.${loadingButtonClasses.loadingIndicator}`]: {
-        color: getContrastAlphaColor(theme, '70%'),
-    },
-}));

package/components/SwapsInProgress/SwapsInProgress.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArrowForward as ArrowForwardIcon, KeyboardArrowRight as KeyboardArrowRightIcon, } from '@mui/icons-material';
-import { Box, Stack } from '@mui/material';
-import { useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useNavigate } from 'react-router-dom';
-import { useWallet } from '../../providers';
-import { useExecutingRoutes } from '../../stores';
-import { navigationRoutes } from '../../utils';
-import { CardTitle } from '../Card';
-import { TokenAvatar, TokenAvatarGroup } from '../TokenAvatar';
-import { ProgressCard, RouteCard } from './SwapsInProgress.style';
-export const SwapsInProgress = (props) => {
-    const { t } = useTranslation();
-    const navigate = useNavigate();
-    const { account } = useWallet();
-    const executingRoutes = useExecutingRoutes(account.address);
-    const handleCardClick = useCallback((routeId) => {
-        navigate(navigationRoutes.swapExecution, { state: { routeId } });
-    }, [navigate]);
-    if (!(executingRoutes === null || executingRoutes === void 0 ? void 0 : executingRoutes.length)) {
-        return null;
-    }
-    return (_jsxs(ProgressCard, Object.assign({}, props, { children: [_jsx(CardTitle, { children: t('swap.activeTransfers') }), _jsx(Stack, Object.assign({ spacing: 2, py: 2 }, { children: executingRoutes.map(({ route, status }) => (_jsx(RouteCard, { onClick: () => handleCardClick(route.id), avatar: _jsxs(TokenAvatarGroup, Object.assign({ total: 2 }, { children: [_jsx(TokenAvatar, { token: route.fromToken }), _jsx(TokenAvatar, { token: route.toToken })] })), action: _jsx(KeyboardArrowRightIcon, {}), title: _jsxs(Box, Object.assign({ sx: { display: 'flex', alignItems: 'center' } }, { children: [route.fromToken.symbol, _jsx(ArrowForwardIcon, { fontSize: "small", sx: { paddingX: 0.5 } }), route.toToken.symbol] })) }, route.id))) }))] })));
-};

package/components/SwapsInProgress/SwapsInProgress.style.js

@@ -1,14 +0,0 @@
-import { alpha, styled } from '@mui/material/styles';
-import { Card, CardHeader } from '../Card';
-export const ProgressCard = styled(Card)(({ theme }) => ({
-    borderColor: alpha(theme.palette.secondary.main, 0.48),
-    background: alpha(theme.palette.secondary.main, 0.2),
-    '&:hover': {
-        background: alpha(theme.palette.secondary.main, 0.2),
-    },
-}));
-export const RouteCard = styled(CardHeader)(({ theme }) => ({
-    cursor: 'pointer',
-    paddingTop: 0,
-    paddingBottom: 0,
-}));

package/components/SwapsInProgress/index.d.ts

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

package/components/SwapsInProgress/index.js

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

package/config/lifi.d.ts

@@ -1,4 +0,0 @@
-import type { ConfigUpdate } from '@lifi/sdk';
-import LIFI from '@lifi/sdk';
-export declare const LiFi: LIFI;
-export declare const updateLiFiConfig: (configUpdate: ConfigUpdate) => void;

package/config/lifi.js

@@ -1,7 +0,0 @@
-import LIFI from '@lifi/sdk';
-export const LiFi = new LIFI({
-    disableVersionCheck: true,
-});
-export const updateLiFiConfig = (configUpdate) => {
-    LiFi.setConfig(configUpdate);
-};

package/pages/SelectTokenPage/ChainSelect.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { KeyboardArrowDown as KeyboardArrowDownIcon } from '@mui/icons-material';
-import { Avatar, FormControl, ListItemAvatar, MenuItem, Skeleton, } from '@mui/material';
-import { useFormContext, useWatch } from 'react-hook-form';
-import { useTranslation } from 'react-i18next';
-import { Card, CardTitle } from '../../components/Card';
-import { Select } from '../../components/Select';
-import { useChains } from '../../hooks';
-import { SwapFormKey, SwapFormKeyHelper, useWidgetConfig, } from '../../providers';
-export const ChainSelect = ({ formType }) => {
-    const { t } = useTranslation();
-    const { setValue, register } = useFormContext();
-    const { fromChain, toChain } = useWidgetConfig();
-    const { chains, isLoading } = useChains();
-    const chainKey = SwapFormKeyHelper.getChainKey(formType);
-    const [chainId] = useWatch({
-        name: [chainKey],
-    });
-    const { onChange, onBlur, name, ref } = register(chainKey, {
-        onChange: () => {
-            setValue(SwapFormKeyHelper.getTokenKey(formType), '');
-            setValue(SwapFormKeyHelper.getAmountKey(formType), '');
-            setValue(SwapFormKey.TokenSearchFilter, '');
-        },
-    });
-    return !isLoading ? (_jsxs(Card, { children: [_jsx(CardTitle, { children: t(`swap.selectChain`) }), _jsx(FormControl, Object.assign({ fullWidth: true }, { children: _jsx(Select, Object.assign({ ref: ref, labelId: chainKey, name: name, MenuProps: { elevation: 2 }, defaultValue: formType === 'from' ? fromChain : toChain, value: chainId, onChange: onChange, onBlur: onBlur, IconComponent: KeyboardArrowDownIcon }, { children: chains === null || chains === void 0 ? void 0 : chains.map((chain) => (_jsxs(MenuItem, Object.assign({ value: chain.id }, { children: [_jsx(ListItemAvatar, { children: _jsx(Avatar, Object.assign({ src: chain.logoURI, alt: chain.key }, { children: chain.name[0] })) }), chain.name] }), chain.key))) })) }))] })) : (_jsx(Skeleton, { variant: "rectangular", width: "100%", height: 98, sx: { borderRadius: 1 } }));
-};

package/pages/SwapPage/utils.d.ts

@@ -1,6 +0,0 @@
-import type { EVMChain, Process, Step } from '@lifi/sdk';
-import type { TFunction } from 'react-i18next';
-export declare function getProcessMessage(t: TFunction<'translation', undefined>, getChainById: (chainId: number) => EVMChain | undefined, step: Step, process: Process): {
-    title?: string;
-    message?: string;
-};

package/stores/route/useExecutingRoutes.d.ts

@@ -1,2 +0,0 @@
-import type { RouteExecution } from './types';
-export declare const useExecutingRoutes: (address?: string) => RouteExecution[];

package/stores/route/useExecutingRoutes.js

@@ -1,6 +0,0 @@
-import shallow from 'zustand/shallow';
-import { useRouteStore } from './useRouteStore';
-export const useExecutingRoutes = (address) => {
-    return useRouteStore((state) => Object.values(state.routes).filter((item) => (item === null || item === void 0 ? void 0 : item.route.fromAddress) === address &&
-        ((item === null || item === void 0 ? void 0 : item.status) === 'loading' || (item === null || item === void 0 ? void 0 : item.status) === 'error')), shallow);
-};

package/stores/settings/useSetSettings.d.ts

@@ -1,5 +0,0 @@
-import type { SettingsState, ValueSetter, ValuesSetter } from './types';
-export declare const useSetSettings: () => [
-    ValueSetter<SettingsState>,
-    ValuesSetter<SettingsState>
-];

package/stores/settings/useSetSettings.js

@@ -1,5 +0,0 @@
-import shallow from 'zustand/shallow';
-import { useSettingsStore } from './useSettingsStore';
-export const useSetSettings = () => {
-    return useSettingsStore((state) => [state.setValue, state.setValues], shallow);
-};