@lifi/widget 2.9.4 → 3.0.0-alpha.1

package/components/TokenList/TokenList.style.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import type { StyledComponent } from '@emotion/styled';
-import type { IconButtonProps, LinkProps } from '@mui/material';
-export declare const ListItemButton: 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 ListItem: StyledComponent<{
-    button?: false | undefined;
-} & import("@mui/material").ListItemOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
-    ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
-}, "button" | "className" | "style" | "classes" | "children" | "disabled" | "sx" | "autoFocus" | "alignItems" | "divider" | "components" | "dense" | "componentsProps" | "slots" | "slotProps" | "selected" | "disableGutters" | "ContainerComponent" | "ContainerProps" | "disablePadding" | "secondaryAction"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const IconButton: StyledComponent<IconButtonProps & LinkProps>;

package/components/TokenList/TokenList.style.js

@@ -1,50 +0,0 @@
-import { IconButton as MuiIconButton, ListItem as MuiListItem, } from '@mui/material';
-import { listItemSecondaryActionClasses } from '@mui/material/ListItemSecondaryAction';
-import { listItemTextClasses } from '@mui/material/ListItemText';
-import { alpha, styled } from '@mui/material/styles';
-import { ListItemButton as ListItemButtonBase } from '../ListItemButton';
-export const ListItemButton = styled(ListItemButtonBase)(({ theme }) => ({
-    paddingLeft: theme.spacing(1.5),
-    paddingRight: theme.spacing(1.5),
-    height: 64,
-    width: '100%',
-}));
-export const ListItem = styled(MuiListItem)(({ theme }) => ({
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    height: 64,
-    flexDirection: 'column',
-    alignItems: 'flex-start',
-    padding: theme.spacing(0, 1.5),
-    [`.${listItemSecondaryActionClasses.root}`]: {
-        right: theme.spacing(3),
-    },
-    [`& .${listItemTextClasses.primary}`]: {
-        height: 22,
-    },
-    [`& .${listItemTextClasses.primary}, & .${listItemTextClasses.secondary}`]: {
-        textOverflow: 'ellipsis',
-        overflow: 'hidden',
-        whiteSpace: 'nowrap',
-    },
-}));
-export const IconButton = styled(MuiIconButton)(({ theme }) => ({
-    lineHeight: 1,
-    fontSize: '0.75rem',
-    fontWeight: 400,
-    padding: theme.spacing(0.375, 0.375),
-    marginLeft: theme.spacing(0.25),
-    color: 'inherit',
-    backgroundColor: 'unset',
-    minWidth: 'unset',
-    borderRadius: '50%',
-    '&:hover': {
-        backgroundColor: theme.palette.mode === 'light'
-            ? alpha(theme.palette.common.black, 0.04)
-            : alpha(theme.palette.common.white, 0.08),
-    },
-    svg: {
-        fontSize: '0.875rem',
-    },
-}));

package/components/TokenList/TokenListItem.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import type { TokenListItemButtonProps, TokenListItemProps } from './types';
-export declare const TokenListItem: React.FC<TokenListItemProps>;
-export declare const TokenListItemButton: React.FC<TokenListItemButtonProps>;
-export declare const TokenListItemSkeleton: () => import("react/jsx-runtime").JSX.Element;
-export declare const TokenAmountSkeleton: React.FC;

package/components/TokenList/TokenListItem.js

@@ -1,51 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import OpenInNewIcon from '@mui/icons-material/OpenInNewRounded';
-import { Avatar, Box, Link, ListItemAvatar, ListItemText, Skeleton, Slide, Typography, } from '@mui/material';
-import { memo, useRef, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { formatTokenAmount, formatTokenPrice, shortenAddress, } from '../../utils';
-import { IconButton, ListItem, ListItemButton } from './TokenList.style';
-export const TokenListItem = memo(({ onClick, size, start, token, chain, showBalance, isBalanceLoading, startAdornment, endAdornment, }) => {
-    const handleClick = () => onClick?.(token.address);
-    return (_jsxs(ListItem, { disablePadding: true, style: {
-            height: `${size}px`,
-            transform: `translateY(${start}px)`,
-        }, children: [startAdornment, _jsx(TokenListItemButton, { token: token, chain: chain, showBalance: showBalance, isBalanceLoading: isBalanceLoading, onClick: handleClick }), endAdornment] }));
-});
-export const TokenListItemButton = ({ onClick, token, chain, showBalance, isBalanceLoading, }) => {
-    const { t } = useTranslation();
-    const tokenPrice = formatTokenPrice(token.amount, token.priceUSD);
-    const container = useRef(null);
-    const timeoutId = useRef();
-    const [showAddress, setShowAddress] = useState(false);
-    const onMouseEnter = () => {
-        timeoutId.current = setTimeout(() => setShowAddress(true), 350);
-    };
-    const onMouseLeave = () => {
-        clearTimeout(timeoutId.current);
-        if (showAddress) {
-            setShowAddress(false);
-        }
-    };
-    return (_jsxs(ListItemButton, { onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, dense: true, children: [_jsx(ListItemAvatar, { children: _jsx(Avatar, { src: token.logoURI, alt: token.symbol, children: token.symbol?.[0] }) }), _jsx(ListItemText, { primary: token.symbol, secondaryTypographyProps: {
-                    component: 'div',
-                }, secondary: _jsxs(Box, { position: "relative", height: 20, ref: container, children: [_jsx(Slide, { direction: "down", in: !showAddress, container: container.current, style: {
-                                position: 'absolute',
-                            }, appear: false, children: _jsx(Box, { pt: 0.25, children: token.name }) }), _jsx(Slide, { direction: "up", in: showAddress, container: container.current, style: {
-                                position: 'absolute',
-                            }, appear: false, mountOnEnter: true, children: _jsxs(Box, { display: "flex", children: [_jsx(Box, { display: "flex", alignItems: "center", pt: 0.125, children: shortenAddress(token.address) }), _jsx(IconButton, { size: "small", LinkComponent: Link, href: `${chain?.metamask.blockExplorerUrls[0]}address/${token.address}`, target: "_blank", rel: "nofollow noreferrer", onClick: (e) => e.stopPropagation(), children: _jsx(OpenInNewIcon, {}) })] }) })] }) }), showBalance ? (isBalanceLoading ? (_jsx(TokenAmountSkeleton, {})) : (_jsxs(Box, { sx: { textAlign: 'right' }, children: [Number(token.amount) ? (_jsx(Typography, { variant: "body1", noWrap: true, children: t('format.number', {
-                            value: formatTokenAmount(token.amount),
-                        }) })) : null, tokenPrice ? (_jsx(Typography, { fontWeight: 400, fontSize: 12, color: "text.secondary", "data-price": token.priceUSD, children: t(`format.currency`, {
-                            value: tokenPrice,
-                        }) })) : null] }))) : null] }));
-};
-export const TokenListItemSkeleton = () => {
-    return (_jsxs(ListItem, { secondaryAction: _jsx(TokenAmountSkeleton, {}), disablePadding: true, sx: { position: 'relative', flexDirection: 'row', alignItems: 'center' }, children: [_jsx(ListItemAvatar, { children: _jsx(Skeleton, { variant: "circular", width: 32, height: 32, sx: { marginLeft: 1.5, marginRight: 2 } }) }), _jsx(ListItemText, { primary: _jsx(Skeleton, { variant: "text", width: 48, height: 20 }), secondary: _jsx(Skeleton, { variant: "text", width: 96, height: 20 }) })] }));
-};
-export const TokenAmountSkeleton = () => {
-    return (_jsxs(Box, { sx: {
-            display: 'flex',
-            flexDirection: 'column',
-            alignItems: 'flex-end',
-        }, children: [_jsx(Skeleton, { variant: "text", width: 56, height: 24 }), _jsx(Skeleton, { variant: "text", width: 48, height: 18 })] }));
-};

package/components/TokenList/TokenNotFound.d.ts

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

package/components/TokenList/TokenNotFound.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import SearchOffIcon from '@mui/icons-material/SearchOff';
-import { Box, Typography } from '@mui/material';
-import { useWatch } from 'react-hook-form';
-import { useTranslation } from 'react-i18next';
-import { useChains } from '../../hooks';
-import { FormKeyHelper } from '../../providers';
-export const TokenNotFound = ({ formType }) => {
-    const { t } = useTranslation();
-    const [selectedChainId] = useWatch({
-        name: [FormKeyHelper.getChainKey(formType)],
-    });
-    const { getChainById } = useChains();
-    return (_jsxs(Box, { sx: {
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            flexDirection: 'column',
-            flex: 1,
-            padding: 3,
-        }, children: [_jsx(Typography, { fontSize: 48, lineHeight: 1, children: _jsx(SearchOffIcon, { fontSize: "inherit" }) }), _jsx(Typography, { fontSize: 14, color: "text.secondary", textAlign: "center", mt: 2, px: 2, children: t('info.message.emptyTokenList', {
-                    chainName: getChainById(selectedChainId)?.name,
-                }) })] }));
-};

package/components/TokenList/VirtualizedTokenList.d.ts

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

package/components/TokenList/VirtualizedTokenList.js

@@ -1,54 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { List, Typography } from '@mui/material';
-import { useVirtualizer } from '@tanstack/react-virtual';
-import { useEffect } from 'react';
-import { useTranslation } from 'react-i18next';
-import { TokenListItem, TokenListItemSkeleton } from './TokenListItem';
-export const VirtualizedTokenList = ({ tokens, featuredTokensLength, scrollElementRef, chainId, chain, isLoading, isBalanceLoading, showBalance, showFeatured, onClick, }) => {
-    const { t } = useTranslation();
-    const hasFeaturedTokens = !!featuredTokensLength && showFeatured;
-    const featuredTokensLastIndex = (featuredTokensLength ?? 0) - 1;
-    const tokensLastIndex = tokens.length - 1;
-    const { getVirtualItems, getTotalSize, scrollToIndex } = useVirtualizer({
-        count: tokens.length,
-        getScrollElement: () => scrollElementRef.current,
-        overscan: 10,
-        paddingEnd: 12,
-        estimateSize: (index) => {
-            // heigth of TokenListItem
-            let size = 64;
-            if (!hasFeaturedTokens) {
-                return size;
-            }
-            if (index === 0 && tokens[index]?.featured) {
-                // height of startAdornment
-                size += 24;
-            }
-            if (index === featuredTokensLastIndex &&
-                index !== tokensLastIndex &&
-                tokens[index]?.featured) {
-                // height of endAdornment
-                size += 32;
-            }
-            return size;
-        },
-        getItemKey: (index) => `${tokens[index].address}-${index}`,
-    });
-    useEffect(() => {
-        if (getVirtualItems().length) {
-            scrollToIndex(0, { align: 'start' });
-        }
-    }, [scrollToIndex, chainId, getVirtualItems]);
-    if (isLoading) {
-        return (_jsx(List, { disablePadding: true, children: Array.from({ length: 3 }).map((_, index) => (
-            // eslint-disable-next-line react/no-array-index-key
-            _jsx(TokenListItemSkeleton, {}, index))) }));
-    }
-    return (_jsx(List, { style: { height: getTotalSize() }, disablePadding: true, children: getVirtualItems().map((item) => {
-            const token = tokens[item.index];
-            return (_jsx(TokenListItem, { onClick: onClick, size: item.size, start: item.start, token: token, chain: chain, isBalanceLoading: isBalanceLoading, showBalance: showBalance, startAdornment: hasFeaturedTokens && token.featured && item.index === 0 ? (_jsx(Typography, { fontSize: 14, fontWeight: 600, lineHeight: 1, px: 2, pb: 1.25, children: t('main.featuredTokens') })) : null, endAdornment: hasFeaturedTokens &&
-                    token.featured &&
-                    item.index === featuredTokensLastIndex &&
-                    item.index !== tokensLastIndex ? (_jsx(Typography, { fontSize: 14, fontWeight: 600, lineHeight: 1, px: 2, py: 1.25, children: t('main.otherTokens') })) : null }, item.key));
-        }) }));
-};

package/components/TokenList/index.js

@@ -1,2 +0,0 @@
-export * from './TokenList';
-export * from './useTokenSelect';

package/components/TokenList/types.d.ts

@@ -1,41 +0,0 @@
-import type { ExtendedChain } from '@lifi/sdk';
-import type { MutableRefObject } from 'react';
-import type { FormType } from '../../providers';
-import type { TokenAmount } from '../../types';
-export interface TokenListProps {
-    formType: FormType;
-    height: number;
-    onClick?(): void;
-}
-export interface VirtualizedTokenListProps {
-    tokens: TokenAmount[];
-    featuredTokensLength?: number;
-    scrollElementRef: MutableRefObject<HTMLElement | null>;
-    isLoading: boolean;
-    isBalanceLoading: boolean;
-    chainId: number;
-    chain?: ExtendedChain;
-    showBalance?: boolean;
-    showFeatured?: boolean;
-    onClick(tokenAddress: string): void;
-}
-export interface TokenListItemBaseProps {
-    onClick?(tokenAddress: string): void;
-    size: number;
-    start: number;
-}
-export interface TokenListItemProps extends TokenListItemBaseProps {
-    showBalance?: boolean;
-    token: TokenAmount;
-    chain?: ExtendedChain;
-    isBalanceLoading?: boolean;
-    startAdornment?: React.ReactNode;
-    endAdornment?: React.ReactNode;
-}
-export interface TokenListItemButtonProps {
-    onClick?(): void;
-    showBalance?: boolean;
-    token: TokenAmount;
-    chain?: ExtendedChain;
-    isBalanceLoading?: boolean;
-}

package/components/TokenList/types.js

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

package/components/TokenList/useTokenSelect.d.ts

@@ -1,2 +0,0 @@
-import type { FormType } from '../../providers';
-export declare const useTokenSelect: (formType: FormType, onClick?: () => void) => (tokenAddress: string, chainId?: number) => void;

package/components/TokenList/useTokenSelect.js

@@ -1,52 +0,0 @@
-import { WidgetEvent, useWidgetEvents } from '@lifi/widget';
-import { useCallback } from 'react';
-import { useController, useFormContext } from 'react-hook-form';
-import { FormKeyHelper, useWidgetConfig } from '../../providers';
-export const useTokenSelect = (formType, onClick) => {
-    const tokenKey = FormKeyHelper.getTokenKey(formType);
-    const { field: { onChange, onBlur }, } = useController({ name: tokenKey });
-    const { setValue, getValues } = useFormContext();
-    const { subvariant } = useWidgetConfig();
-    const emitter = useWidgetEvents();
-    return useCallback((tokenAddress, chainId) => {
-        onChange(tokenAddress);
-        onBlur();
-        const selectedChainId = chainId ?? getValues(FormKeyHelper.getChainKey(formType));
-        // Set chain again to trigger URL builder update
-        setValue(FormKeyHelper.getChainKey(formType), selectedChainId, {
-            shouldDirty: true,
-            shouldTouch: true,
-        });
-        setValue(FormKeyHelper.getAmountKey(formType), '');
-        const oppositeFormType = formType === 'from' ? 'to' : 'from';
-        const [selectedOppositeToken, selectedOppositeChainId] = getValues([
-            FormKeyHelper.getTokenKey(oppositeFormType),
-            FormKeyHelper.getChainKey(oppositeFormType),
-        ]);
-        if (selectedOppositeToken === tokenAddress &&
-            selectedOppositeChainId === selectedChainId &&
-            subvariant !== 'nft') {
-            setValue(FormKeyHelper.getTokenKey(oppositeFormType), '', {
-                shouldDirty: true,
-                shouldTouch: true,
-            });
-        }
-        const eventToEmit = formType === 'from'
-            ? WidgetEvent.SourceChainTokenSelected
-            : WidgetEvent.DestinationChainTokenSelected;
-        emitter.emit(eventToEmit, {
-            chainId: selectedChainId,
-            tokenAddress,
-        });
-        onClick?.();
-    }, [
-        emitter,
-        formType,
-        getValues,
-        onBlur,
-        onChange,
-        onClick,
-        setValue,
-        subvariant,
-    ]);
-};

package/config/queryClient.d.ts

@@ -1,2 +0,0 @@
-import { QueryClient } from '@tanstack/react-query';
-export declare const queryClient: QueryClient;

package/config/queryClient.js

@@ -1,25 +0,0 @@
-import { QueryClient } from '@tanstack/react-query';
-export const queryClient = new QueryClient({
-    defaultOptions: {
-        queries: {
-            enabled: true,
-            staleTime: 3600000,
-            cacheTime: Infinity,
-            refetchInterval: false,
-            refetchIntervalInBackground: false,
-            refetchOnWindowFocus: true,
-            refetchOnReconnect: true,
-            refetchOnMount: true,
-            retryOnMount: true,
-            // suspense: true,
-            onError: (error) => {
-                //
-            },
-        },
-        mutations: {
-            onError: (error) => {
-                //
-            },
-        },
-    },
-});

package/config/theme.d.ts

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-import type { PaletteMode } from '@mui/material';
-import type { ThemeConfig } from '../types';
-declare module '@mui/material/styles' {
-    interface TypographyVariants {
-        '@supports (font-variation-settings: normal)': React.CSSProperties;
-    }
-    interface TypographyVariantsOptions {
-        '@supports (font-variation-settings: normal)'?: React.CSSProperties;
-    }
-    interface Shape {
-        borderRadius: number;
-        borderRadiusSecondary: number;
-    }
-    interface Theme {
-        shape: Shape;
-    }
-    interface ThemeOptions {
-        shape?: Partial<Shape>;
-    }
-}
-declare module '@mui/material/Typography' {
-    interface TypographyPropsVariantOverrides {
-        '@supports (font-variation-settings: normal)': true;
-    }
-}
-export declare const createTheme: (mode: PaletteMode, theme?: ThemeConfig) => import("@mui/material").Theme;

package/config/theme.js

@@ -1,240 +0,0 @@
-import { loadingButtonClasses } from '@mui/lab/LoadingButton';
-import { touchRippleClasses } from '@mui/material/ButtonBase';
-import { dialogActionsClasses } from '@mui/material/DialogActions';
-import { common } from '@mui/material/colors';
-import { alpha, createTheme as createMuiTheme, css, darken, getContrastRatio, keyframes, lighten, } from '@mui/material/styles';
-const palette = {
-    primary: {
-        main: '#3F49E1',
-        light: lighten('#3F49E1', 0.5),
-        dark: darken('#3F49E1', 0.2),
-    },
-    secondary: {
-        main: '#F5B5FF',
-        light: lighten('#F5B5FF', 0.5),
-        dark: darken('#F5B5FF', 0.2),
-    },
-    success: {
-        main: '#0AA65B',
-    },
-    warning: {
-        main: '#FFCC00',
-    },
-    error: {
-        main: '#E5452F',
-    },
-    info: {
-        main: '#297EFF',
-    },
-};
-const paletteLight = {
-    text: {
-        primary: '#000000',
-        secondary: '#747474',
-    },
-};
-const paletteDark = {
-    background: {
-        paper: '#212121',
-    },
-};
-const shape = {
-    borderRadius: 12,
-    borderRadiusSecondary: 8,
-};
-const enterKeyframe = keyframes `
-  0% {
-    transform: scale(0);
-    opacity: 0.05;
-  }
-  100% {
-    transform: scale(1);
-    opacity: 0.1;
-  }
-`;
-export const createTheme = (mode, theme = {}) => {
-    const primaryMainColor = theme.palette?.primary?.main ??
-        palette.primary.main;
-    const primaryLightColor = lighten(theme.palette?.primary?.main ??
-        palette.primary.main, 0.5);
-    const primaryDarkColor = darken(theme.palette?.primary?.main ??
-        palette.primary.main, 0.2);
-    const contrastButtonColor = getContrastRatio(common.white, primaryMainColor) >= 3
-        ? common.white
-        : common.black;
-    const contrastTextButtonColor = getContrastRatio(common.white, alpha(primaryMainColor, 0.08)) >= 3
-        ? common.white
-        : common.black;
-    return createMuiTheme({
-        typography: {
-            fontFamily: 'Inter var, Inter, sans-serif',
-            ...theme.typography,
-        },
-        palette: {
-            mode,
-            ...palette,
-            ...(mode === 'light' ? paletteLight : paletteDark),
-            ...theme.palette,
-            primary: {
-                main: primaryMainColor,
-                light: primaryLightColor,
-                dark: primaryDarkColor,
-            },
-            secondary: {
-                main: theme.palette?.secondary?.main ??
-                    palette.secondary.main,
-                light: lighten(theme.palette?.secondary?.main ??
-                    palette.secondary.main, 0.5),
-                dark: darken(theme.palette?.secondary?.main ??
-                    palette.secondary.main, 0.2),
-            },
-        },
-        shape: {
-            ...shape,
-            ...theme.shape,
-        },
-        breakpoints: {
-            values: {
-                xs: 0,
-                sm: 392,
-                md: 900,
-                lg: 1200,
-                xl: 1536,
-            },
-        },
-        components: {
-            MuiScopedCssBaseline: {
-                styleOverrides: {
-                    root: {
-                        fontFamily: 'Inter, sans-serif',
-                        ...theme.typography,
-                        '@supports (font-variation-settings: normal)': {
-                            fontFamily: 'Inter var, sans-serif',
-                            ...theme.typography,
-                        },
-                    },
-                },
-            },
-            MuiButtonBase: {
-                styleOverrides: {
-                    // This `css()` function invokes keyframes. `styled-components` only supports keyframes
-                    // in string templates. Do not convert these styles in JS object as it will break.
-                    root: css `
-            &
-              .${touchRippleClasses.ripple}.${touchRippleClasses.rippleVisible} {
-              opacity: 0.1;
-              animation-name: ${enterKeyframe};
-            }
-          `,
-                },
-            },
-            MuiButton: {
-                defaultProps: {
-                    disableElevation: true,
-                },
-                styleOverrides: {
-                    root: {
-                        borderRadius: theme.shape?.borderRadiusSecondary ?? shape.borderRadiusSecondary,
-                        textTransform: 'none',
-                        fontSize: '1rem',
-                        [`&.Mui-disabled, &.Mui-disabled:hover`]: {
-                            color: mode === 'light'
-                                ? alpha(common.black, 0.56)
-                                : alpha(common.white, 0.56),
-                            cursor: 'not-allowed',
-                            pointerEvents: 'auto',
-                        },
-                        [`&.${loadingButtonClasses.loading}.Mui-disabled`]: {
-                            backgroundColor: primaryMainColor,
-                            color: contrastButtonColor,
-                            cursor: 'auto',
-                            pointerEvents: 'auto',
-                        },
-                        [`.${loadingButtonClasses.loadingIndicator}`]: {
-                            color: contrastButtonColor,
-                        },
-                        [`&.${loadingButtonClasses.root}.${loadingButtonClasses.loading}`]: {
-                            color: 'transparent',
-                        },
-                    },
-                    text: {
-                        backgroundColor: mode === 'light'
-                            ? alpha(primaryMainColor, 0.08)
-                            : alpha(primaryMainColor, 0.42),
-                        '&:hover': {
-                            backgroundColor: mode === 'light'
-                                ? alpha(primaryMainColor, 0.12)
-                                : alpha(primaryMainColor, 0.56),
-                        },
-                        color: mode === 'light' ? primaryMainColor : contrastTextButtonColor,
-                    },
-                    contained: {
-                        '&:hover': {
-                            color: contrastButtonColor,
-                        },
-                    },
-                    sizeMedium: {
-                        padding: '10px 14px',
-                        [`.${dialogActionsClasses.root} &`]: {
-                            padding: '6px 12px',
-                        },
-                    },
-                },
-            },
-            MuiIconButton: {
-                styleOverrides: {
-                    root: {
-                        color: 'inherit',
-                        '&:hover': {
-                            color: 'inherit',
-                        },
-                    },
-                },
-            },
-            MuiAvatar: {
-                styleOverrides: {
-                    root: {
-                        height: 32,
-                        width: 32,
-                    },
-                },
-                ...theme.components?.MuiAvatar,
-            },
-            MuiListItemAvatar: {
-                styleOverrides: {
-                    root: {
-                        minWidth: 48,
-                    },
-                },
-            },
-            MuiListItemText: {
-                styleOverrides: {
-                    primary: ({ theme }) => ({
-                        fontWeight: '500',
-                        fontSize: '1.125rem',
-                        lineHeight: '1.2778',
-                        color: theme.palette.text.primary,
-                    }),
-                    secondary: ({ theme }) => ({
-                        fontWeight: '400',
-                        fontSize: '0.75rem',
-                        color: theme.palette.text.secondary,
-                    }),
-                },
-            },
-            MuiTooltip: {
-                styleOverrides: {
-                    tooltip: ({ theme }) => ({
-                        backgroundColor: 'rgb(0 0 0 / 64%)',
-                        backdropFilter: 'blur(3px)',
-                        fontSize: '0.75rem',
-                        padding: theme.spacing(1, 1.5),
-                    }),
-                    arrow: {
-                        color: 'rgb(0 0 0 / 64%)',
-                    },
-                },
-            },
-        },
-    });
-};

package/config/version.d.ts

@@ -1,2 +0,0 @@
-export declare const name = "@lifi/widget";
-export declare const version = "2.9.4";

package/config/version.js

@@ -1,2 +0,0 @@
-export const name = '@lifi/widget';
-export const version = '2.9.4';