@lifi/widget 3.0.0-alpha.6 → 3.0.0-alpha.7

package/_cjs/config/version.d.ts

@@ -1,2 +1,2 @@
 export declare const name = "@lifi/widget";
-export declare const version = "3.0.0-alpha.6";
+export declare const version = "3.0.0-alpha.7";

package/_cjs/config/version.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.version = exports.name = void 0;
 exports.name = '@lifi/widget';
-exports.version = '3.0.0-alpha.6';
+exports.version = '3.0.0-alpha.7';

package/_esm/AppDrawer.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as CloseIcon } from '@mui/icons-material/CloseRounded';
-import { default as KeyboardArrowLeftIcon } from '@mui/icons-material/KeyboardArrowLeft';
-import { default as KeyboardArrowRightIcon } from '@mui/icons-material/KeyboardArrowRight';
+import CloseIcon from '@mui/icons-material/esm/CloseRounded';
+import KeyboardArrowLeftIcon from '@mui/icons-material/esm/KeyboardArrowLeft';
+import KeyboardArrowRightIcon from '@mui/icons-material/esm/KeyboardArrowRight';
 import { Drawer } from '@mui/material';
 import { forwardRef, useCallback, useImperativeHandle, useMemo, useRef, useState, } from 'react';
 import { useTranslation } from 'react-i18next';

package/_esm/components/ActiveTransactions/ActiveTransactionItem.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as ArrowForwardIcon } from '@mui/icons-material/ArrowForward';
-import { default as ErrorRoundedIcon } from '@mui/icons-material/ErrorRounded';
-import { default as InfoRoundedIcon } from '@mui/icons-material/InfoRounded';
+import ArrowForwardIcon from '@mui/icons-material/esm/ArrowForward';
+import ErrorRoundedIcon from '@mui/icons-material/esm/ErrorRounded';
+import InfoRoundedIcon from '@mui/icons-material/esm/InfoRounded';
 import { ListItemAvatar, ListItemText, Typography } from '@mui/material';
 import { useNavigate } from 'react-router-dom';
 import { useProcessMessage, useRouteExecution } from '../../hooks';

package/_esm/components/GasMessage/FundsSufficiencyMessage.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as WarningRoundedIcon } from '@mui/icons-material/WarningRounded';
+import WarningRoundedIcon from '@mui/icons-material/esm/WarningRounded';
 import { Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { WarningMessageCard, WarningMessageCardTitle, } from './GasMessage.style';

package/_esm/components/GasMessage/GasRefuelMessage.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as EvStationIcon } from '@mui/icons-material/EvStation';
+import EvStationIcon from '@mui/icons-material/esm/EvStation';
 import { Box, Collapse, Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { useGasRefuel } from '../../hooks';

package/_esm/components/GasMessage/GasSufficiencyMessage.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as EvStationIcon } from '@mui/icons-material/EvStation';
+import EvStationIcon from '@mui/icons-material/esm/EvStation';
 import { Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { formatUnits } from 'viem';

package/_esm/components/Header/NavigationHeader.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { default as ArrowBackIcon } from '@mui/icons-material/ArrowBack';
-import { default as ReceiptLongIcon } from '@mui/icons-material/ReceiptLong';
+import ArrowBackIcon from '@mui/icons-material/esm/ArrowBack';
+import ReceiptLongIcon from '@mui/icons-material/esm/ReceiptLong';
 import { Box, Tooltip, Typography } from '@mui/material';
 import IconButton from '@mui/material/IconButton';
 import { useTranslation } from 'react-i18next';

package/_esm/components/Header/SettingsButton.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { default as SettingsIcon } from '@mui/icons-material/Settings';
+import SettingsIcon from '@mui/icons-material/esm/Settings';
 import { Tooltip } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { useNavigateBack, useSettingMonitor } from '../../hooks';

package/_esm/components/Header/WalletHeader.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as ExpandMoreIcon } from '@mui/icons-material/ExpandMore';
-import { default as WalletIcon } from '@mui/icons-material/Wallet';
+import ExpandMoreIcon from '@mui/icons-material/esm/ExpandMore';
+import WalletIcon from '@mui/icons-material/esm/Wallet';
 import { Avatar, Badge } from '@mui/material';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';

package/_esm/components/Header/WalletMenu.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChainType } from '@lifi/sdk';
-import { default as ContentCopyIcon } from '@mui/icons-material/ContentCopyRounded';
-import { default as OpenInNewIcon } from '@mui/icons-material/OpenInNewRounded';
-import { default as PowerSettingsNewIcon } from '@mui/icons-material/PowerSettingsNewRounded';
+import ContentCopyIcon from '@mui/icons-material/esm/ContentCopyRounded';
+import OpenInNewIcon from '@mui/icons-material/esm/OpenInNewRounded';
+import PowerSettingsNewIcon from '@mui/icons-material/esm/PowerSettingsNewRounded';
 import { Avatar, Badge, Box, Button, IconButton, MenuItem, } from '@mui/material';
 import { useWallet } from '@solana/wallet-adapter-react';
 import { useTranslation } from 'react-i18next';

package/_esm/components/Insurance/InsuranceCard.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as ExpandLessIcon } from '@mui/icons-material/ExpandLess';
-import { default as ExpandMoreIcon } from '@mui/icons-material/ExpandMore';
-import { default as VerifiedUserIcon } from '@mui/icons-material/VerifiedUser';
+import ExpandLessIcon from '@mui/icons-material/esm/ExpandLess';
+import ExpandMoreIcon from '@mui/icons-material/esm/ExpandMore';
+import VerifiedUserIcon from '@mui/icons-material/esm/VerifiedUser';
 import { Box, Collapse, Link, Typography } from '@mui/material';
 import { useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';

package/_esm/components/NotFound.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as BlockIcon } from '@mui/icons-material/Block';
+import BlockIcon from '@mui/icons-material/esm/Block';
 import { Box, Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 export const NotFound = () => {

package/_esm/components/ReverseTokensButton/ReverseTokensButton.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { default as SwapHorizIcon } from '@mui/icons-material/SwapHoriz';
-import { default as SwapVertIcon } from '@mui/icons-material/SwapVert';
+import SwapHorizIcon from '@mui/icons-material/esm/SwapHoriz';
+import SwapVertIcon from '@mui/icons-material/esm/SwapVert';
 import { useFormContext } from 'react-hook-form';
 import { FormKey } from '../../providers';
 import { IconButton } from './ReverseTokensButton.style';

package/_esm/components/RouteCard/RouteCard.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as ExpandLessIcon } from '@mui/icons-material/ExpandLess';
-import { default as ExpandMoreIcon } from '@mui/icons-material/ExpandMore';
-import { default as VerifiedUserIcon } from '@mui/icons-material/VerifiedUser';
+import ExpandLessIcon from '@mui/icons-material/esm/ExpandLess';
+import ExpandMoreIcon from '@mui/icons-material/esm/ExpandMore';
+import VerifiedUserIcon from '@mui/icons-material/esm/VerifiedUser';
 import { Box, Collapse, Tooltip, Typography } from '@mui/material';
 import { Fragment, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';

package/_esm/components/RouteCard/RouteCardEssentials.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as AccessTimeIcon } from '@mui/icons-material/AccessTimeFilled';
-import { default as EvStationIcon } from '@mui/icons-material/EvStation';
-import { default as LayersIcon } from '@mui/icons-material/Layers';
-import { default as MonetizationOnIcon } from '@mui/icons-material/MonetizationOn';
+import AccessTimeIcon from '@mui/icons-material/esm/AccessTimeFilled';
+import EvStationIcon from '@mui/icons-material/esm/EvStation';
+import LayersIcon from '@mui/icons-material/esm/Layers';
+import MonetizationOnIcon from '@mui/icons-material/esm/MonetizationOn';
 import { Box, Tooltip, Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { formatUnits } from 'viem';

package/_esm/components/RouteCard/RouteNotFoundCard.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as RouteIcon } from '@mui/icons-material/Route';
+import RouteIcon from '@mui/icons-material/esm/Route';
 import { Box, Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 export const RouteNotFoundCard = () => {

package/_esm/components/SendToWallet/SendToWalletButton.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { default as WalletIcon } from '@mui/icons-material/Wallet';
+import WalletIcon from '@mui/icons-material/esm/Wallet';
 import Button from '@mui/material/Button';
 import Tooltip from '@mui/material/Tooltip';
 import { useFormContext } from 'react-hook-form';

package/_esm/components/Step/CircularProgress.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as DoneIcon } from '@mui/icons-material/Done';
-import { default as ErrorRoundedIcon } from '@mui/icons-material/ErrorRounded';
-import { default as InfoRoundedIcon } from '@mui/icons-material/InfoRounded';
-import { default as WarningRoundedIcon } from '@mui/icons-material/WarningRounded';
+import DoneIcon from '@mui/icons-material/esm/Done';
+import ErrorRoundedIcon from '@mui/icons-material/esm/ErrorRounded';
+import InfoRoundedIcon from '@mui/icons-material/esm/InfoRounded';
+import WarningRoundedIcon from '@mui/icons-material/esm/WarningRounded';
 import { darken } from '@mui/material/styles';
 import { CircularIcon, CircularProgressPending, } from './CircularProgress.style';
 export function CircularProgress({ process }) {

package/_esm/components/Step/DestinationWalletAddress.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as LinkRoundedIcon } from '@mui/icons-material/LinkRounded';
-import { default as WalletIcon } from '@mui/icons-material/Wallet';
+import LinkRoundedIcon from '@mui/icons-material/esm/LinkRounded';
+import WalletIcon from '@mui/icons-material/esm/Wallet';
 import { Box, Link, Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { CircularIcon } from './CircularProgress.style';

package/_esm/components/Step/GasStepProcess.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as EvStationIcon } from '@mui/icons-material/EvStation';
+import EvStationIcon from '@mui/icons-material/esm/EvStation';
 import { Box, Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { CircularIcon } from './CircularProgress.style';

package/_esm/components/Step/StepProcess.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as LinkRoundedIcon } from '@mui/icons-material/LinkRounded';
+import LinkRoundedIcon from '@mui/icons-material/esm/LinkRounded';
 import { Box, Link, Typography } from '@mui/material';
 import { useProcessMessage } from '../../hooks';
 import { CircularProgress } from './CircularProgress';

package/_esm/components/StepActions/StepActions.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { default as ArrowForwardIcon } from '@mui/icons-material/ArrowForward';
-import { default as ExpandLessIcon } from '@mui/icons-material/ExpandLess';
-import { default as ExpandMoreIcon } from '@mui/icons-material/ExpandMore';
+import ArrowForwardIcon from '@mui/icons-material/esm/ArrowForward';
+import ExpandLessIcon from '@mui/icons-material/esm/ExpandLess';
+import ExpandMoreIcon from '@mui/icons-material/esm/ExpandMore';
 import { Badge, Box, Collapse, Step as MuiStep, Stepper, Typography, } from '@mui/material';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';

package/_esm/components/TokenList/TokenListItem.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as OpenInNewIcon } from '@mui/icons-material/OpenInNewRounded';
+import OpenInNewIcon from '@mui/icons-material/esm/OpenInNewRounded';
 import { Avatar, Box, Link, ListItemAvatar, ListItemText, Skeleton, Slide, Typography, } from '@mui/material';
 import { useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';

package/_esm/components/TokenList/TokenNotFound.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as SearchOffIcon } from '@mui/icons-material/SearchOff';
+import SearchOffIcon from '@mui/icons-material/esm/SearchOff';
 import { Box, Typography } from '@mui/material';
 import { useWatch } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';

package/_esm/config/version.d.ts

@@ -1,2 +1,2 @@
 export declare const name = "@lifi/widget";
-export declare const version = "3.0.0-alpha.6";
+export declare const version = "3.0.0-alpha.7";

package/_esm/config/version.js

@@ -1,2 +1,2 @@
 export const name = '@lifi/widget';
-export const version = '3.0.0-alpha.6';
+export const version = '3.0.0-alpha.7';

package/_esm/pages/ActiveTransactionsPage/ActiveTransactionsEmpty.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as SwapHorizIcon } from '@mui/icons-material/SwapHoriz';
+import SwapHorizIcon from '@mui/icons-material/esm/SwapHoriz';
 import { Container, Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 export const ActiveTransactionsEmpty = () => {

package/_esm/pages/ActiveTransactionsPage/ActiveTransactionsPage.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as DeleteIcon } from '@mui/icons-material/DeleteOutline';
+import DeleteIcon from '@mui/icons-material/esm/DeleteOutline';
 import { Button, Container, DialogActions, DialogContent, DialogContentText, DialogTitle, IconButton, List, } from '@mui/material';
 import { useCallback, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';

package/_esm/pages/LanguagesPage/LanguagesPage.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as CheckIcon } from '@mui/icons-material/Check';
+import CheckIcon from '@mui/icons-material/esm/Check';
 import { Container, List } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { ListItemText } from '../../components/ListItemText';

package/_esm/pages/SelectEnabledToolsPage/SelectEnabledToolsPage.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as CheckIcon } from '@mui/icons-material/Check';
-import { default as CheckBoxOutlineBlankOutlinedIcon } from '@mui/icons-material/CheckBoxOutlineBlankOutlined';
-import { default as CheckBoxOutlinedIcon } from '@mui/icons-material/CheckBoxOutlined';
-import { default as IndeterminateCheckBoxOutlinedIcon } from '@mui/icons-material/IndeterminateCheckBoxOutlined';
+import CheckIcon from '@mui/icons-material/esm/Check';
+import CheckBoxOutlineBlankOutlinedIcon from '@mui/icons-material/esm/CheckBoxOutlineBlankOutlined';
+import CheckBoxOutlinedIcon from '@mui/icons-material/esm/CheckBoxOutlined';
+import IndeterminateCheckBoxOutlinedIcon from '@mui/icons-material/esm/IndeterminateCheckBoxOutlined';
 import { Avatar, Container, IconButton, List, ListItemAvatar, Tooltip, } from '@mui/material';
 import { useEffect } from 'react';
 import { useTranslation } from 'react-i18next';

package/_esm/pages/SelectTokenPage/SearchTokenInput.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { default as SearchIcon } from '@mui/icons-material/Search';
+import SearchIcon from '@mui/icons-material/esm/Search';
 import { FormControl, InputAdornment } from '@mui/material';
 import { useEffect } from 'react';
 import { useFormContext } from 'react-hook-form';

package/_esm/pages/SettingsPage/BridgeAndExchangeSettings.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { default as AirlineStopsIcon } from '@mui/icons-material/AirlineStops';
-import { default as SwapHorizIcon } from '@mui/icons-material/SwapHoriz';
+import AirlineStopsIcon from '@mui/icons-material/esm/AirlineStops';
+import SwapHorizIcon from '@mui/icons-material/esm/SwapHoriz';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 import { shallow } from 'zustand/shallow';

package/_esm/pages/SettingsPage/GasPriceSettings.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as EvStationIcon } from '@mui/icons-material/EvStation';
+import EvStationIcon from '@mui/icons-material/esm/EvStation';
 import { useTranslation } from 'react-i18next';
 import { Tab, Tabs } from '../../components/Tabs';
 import { useSettingMonitor } from '../../hooks';

package/_esm/pages/SettingsPage/LanguageSetting.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { default as LanguageIcon } from '@mui/icons-material/Language';
+import LanguageIcon from '@mui/icons-material/esm/Language';
 import { useTranslation } from 'react-i18next';
 import { useNavigate } from 'react-router-dom';
 import { useLanguages } from '../../hooks';

package/_esm/pages/SettingsPage/ResetSettingsButton.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as InfoRounded } from '@mui/icons-material/InfoRounded';
+import InfoRounded from '@mui/icons-material/esm/InfoRounded';
 import { Box, Button, DialogActions, DialogContent, DialogContentText, DialogTitle, } from '@mui/material';
 import { useCallback, useState } from 'react';
 import { useTranslation } from 'react-i18next';

package/_esm/pages/SettingsPage/RoutePrioritySettings.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Orders } from '@lifi/sdk';
-import { default as RouteIcon } from '@mui/icons-material/Route';
+import RouteIcon from '@mui/icons-material/esm/Route';
 import { useTranslation } from 'react-i18next';
 import { Tab, Tabs } from '../../components/Tabs';
 import { useSettingMonitor } from '../../hooks';

package/_esm/pages/SettingsPage/SendToWalletOptionSetting.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as WalletIcon } from '@mui/icons-material/Wallet';
+import WalletIcon from '@mui/icons-material/esm/Wallet';
 import { useTranslation } from 'react-i18next';
 import { Switch } from '../../components/Switch';
 import { useWidgetConfig } from '../../providers';

package/_esm/pages/SettingsPage/SlippageSettings/SlippageSettings.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as PercentIcon } from '@mui/icons-material/Percent';
-import { default as WarningRoundedIcon } from '@mui/icons-material/WarningRounded';
+import PercentIcon from '@mui/icons-material/esm/Percent';
+import WarningRoundedIcon from '@mui/icons-material/esm/WarningRounded';
 import { Box, Typography } from '@mui/material';
 import { useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';

package/_esm/pages/SettingsPage/ThemeSettings.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as BrightnessAuto } from '@mui/icons-material/BrightnessAuto';
-import { default as LightModeIcon } from '@mui/icons-material/LightMode';
-import { default as Nightlight } from '@mui/icons-material/Nightlight';
+import BrightnessAutoIcon from '@mui/icons-material/esm/BrightnessAuto';
+import LightModeIcon from '@mui/icons-material/esm/LightMode';
+import NightlightIcon from '@mui/icons-material/esm/Nightlight';
 import { Tooltip } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 import { Tab, Tabs } from '../../components/Tabs';
@@ -11,8 +11,8 @@ import { HiddenUI } from '../../types';
 import { SettingCardExpandable, SummaryValue } from './SettingsCard';
 const themeIcons = {
     light: LightModeIcon,
-    dark: Nightlight,
-    auto: BrightnessAuto,
+    dark: NightlightIcon,
+    auto: BrightnessAutoIcon,
 };
 // If the Tab is not the direct child of the Tabs component you can loose the switching
 // The component passes the props to the Tab component so switching isn't lost

package/_esm/pages/TransactionDetailsPage/TransactionDetailsPage.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as ContentCopyIcon } from '@mui/icons-material/ContentCopyRounded';
+import ContentCopyIcon from '@mui/icons-material/esm/ContentCopyRounded';
 import { Box, IconButton, Typography } from '@mui/material';
 import { useEffect, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';

package/_esm/pages/TransactionHistoryPage/TransactionHistoryEmpty.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as ReceiptLongRoundedIcon } from '@mui/icons-material/ReceiptLongRounded';
+import ReceiptLongRoundedIcon from '@mui/icons-material/esm/ReceiptLongRounded';
 import { Container, Typography } from '@mui/material';
 import { useTranslation } from 'react-i18next';
 export const TransactionHistoryEmpty = () => {

package/_esm/pages/TransactionPage/ExchangeRateBottomSheet.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as WarningRoundedIcon } from '@mui/icons-material/WarningRounded';
+import WarningRoundedIcon from '@mui/icons-material/esm/WarningRounded';
 import { Box, Button, Typography } from '@mui/material';
 import { forwardRef, useCallback, useImperativeHandle, useRef, useState, } from 'react';
 import { useTranslation } from 'react-i18next';

package/_esm/pages/TransactionPage/StatusBottomSheet.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as DoneIcon } from '@mui/icons-material/Done';
-import { default as ErrorRoundedIcon } from '@mui/icons-material/ErrorRounded';
-import { default as InfoRoundedIcon } from '@mui/icons-material/InfoRounded';
-import { default as WarningRoundedIcon } from '@mui/icons-material/WarningRounded';
+import DoneIcon from '@mui/icons-material/esm/Done';
+import ErrorRoundedIcon from '@mui/icons-material/esm/ErrorRounded';
+import InfoRoundedIcon from '@mui/icons-material/esm/InfoRounded';
+import WarningRoundedIcon from '@mui/icons-material/esm/WarningRounded';
 import { Box, Button, Typography } from '@mui/material';
 import { useEffect, useRef } from 'react';
 import { useFormContext } from 'react-hook-form';

package/_esm/pages/TransactionPage/TokenValueBottomSheet.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { default as WarningRoundedIcon } from '@mui/icons-material/WarningRounded';
+import WarningRoundedIcon from '@mui/icons-material/esm/WarningRounded';
 import { Box, Button, Typography } from '@mui/material';
 import { forwardRef, useRef } from 'react';
 import { useTranslation } from 'react-i18next';

package/_esm/pages/TransactionPage/TransactionPage.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { default as DeleteIcon } from '@mui/icons-material/Delete';
+import DeleteIcon from '@mui/icons-material/esm/Delete';
 import { Box, Button, Tooltip } from '@mui/material';
 import { useEffect, useRef, useState } from 'react';
 import { useFormContext } from 'react-hook-form';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "3.0.0-alpha.6",
+  "version": "3.0.0-alpha.7",
   "description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
   "type": "module",
   "main": "./_cjs/index.js",