@lifi/widget 1.10.4 → 1.11.0

package/pages/SwapPage/SwapPage.style.js

@@ -1,12 +1,5 @@
-import { Button as MuiButton, Container as MuiContainer } from '@mui/material';
+import { Container as MuiContainer } from '@mui/material';
 import { styled } from '@mui/material/styles';
 export const Container = styled(MuiContainer)(({ theme }) => ({
-    padding: theme.spacing(1, 3, 3, 3),
-}));
-export const Button = styled(MuiButton)(({ theme }) => ({
-    textTransform: 'none',
-    borderRadius: theme.shape.borderRadiusSecondary,
-    padding: theme.spacing(1.25, 2),
-    fontSize: '1rem',
-    marginTop: theme.spacing(2),
+    padding: theme.spacing(1, 3),
 }));

package/pages/SwapRoutesPage/SwapRoutesPage.js

@@ -1,21 +1,22 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
+import { useSetHeaderAction } from '../../components/Header';
+import { ProgressToNextUpdate } from '../../components/ProgressToNextUpdate';
 import { SwapRouteCard, SwapRouteCardSkeleton, SwapRouteNotFoundCard, } from '../../components/SwapRouteCard';
 import { useSwapRoutes } from '../../hooks';
-import { useCurrentRoute, useSetExecutableRoute } from '../../stores';
+import { useSetExecutableRoute } from '../../stores';
 import { navigationRoutes } from '../../utils';
 import { Stack } from './SwapRoutesPage.style';
 export const SwapRoutesPage = () => {
     const navigate = useNavigate();
-    const { routes: swapRoutes, isLoading, isFetching, isFetched, } = useSwapRoutes();
-    const [currentRoute] = useCurrentRoute();
+    const setHeaderAction = useSetHeaderAction();
+    const { routes: swapRoutes, isLoading, isFetching, isFetched, dataUpdatedAt, refetchTime, refetch, } = useSwapRoutes();
     const setExecutableRoute = useSetExecutableRoute();
     const handleRouteClick = (route) => {
         setExecutableRoute(route);
         navigate(navigationRoutes.swap, {
             state: { routeId: route.id },
-            replace: true,
         });
     };
     useEffect(() => {
@@ -25,6 +26,9 @@ export const SwapRoutesPage = () => {
         // redirect to the home page if no routes are found on page reload
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
+    useEffect(() => {
+        return setHeaderAction(navigationRoutes.swapRoutes, _jsx(ProgressToNextUpdate, { updatedAt: dataUpdatedAt, timeToUpdate: refetchTime, isLoading: isFetching, onClick: () => refetch(), sx: { marginRight: -1 }, size: "medium", edge: "end" }));
+    }, [dataUpdatedAt, isFetching, refetch, refetchTime, setHeaderAction]);
     const routeNotFound = !(swapRoutes === null || swapRoutes === void 0 ? void 0 : swapRoutes.length) && isFetched;
-    return (_jsx(Stack, Object.assign({ direction: "column", spacing: 2 }, { children: routeNotFound ? (_jsx(SwapRouteNotFoundCard, { minWidth: "100%", dense: true })) : isLoading || isFetching ? (Array.from({ length: 3 }).map((_, index) => (_jsx(SwapRouteCardSkeleton, { minWidth: "100%", dense: true }, index)))) : (swapRoutes === null || swapRoutes === void 0 ? void 0 : swapRoutes.map((route, index) => (_jsx(SwapRouteCard, { route: route, active: (currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.id) === route.id, onClick: () => handleRouteClick(route) }, route.id)))) })));
+    return (_jsx(Stack, Object.assign({ direction: "column", spacing: 2 }, { children: routeNotFound ? (_jsx(SwapRouteNotFoundCard, { dense: true })) : isLoading || isFetching ? (Array.from({ length: 3 }).map((_, index) => (_jsx(SwapRouteCardSkeleton, { dense: true }, index)))) : (swapRoutes === null || swapRoutes === void 0 ? void 0 : swapRoutes.map((route, index) => (_jsx(SwapRouteCard, { route: route, onClick: () => handleRouteClick(route) }, route.id)))) })));
 };

package/pages/SwapRoutesPage/SwapRoutesPage.style.js

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

package/providers/WalletProvider/WalletProvider.js

@@ -20,7 +20,6 @@ const initialContext = {
     switchChain: stub,
     addChain: stub,
     addToken: stub,
-    attemptEagerConnect: stub,
     account: {},
 };
 const WalletContext = createContext(initialContext);
@@ -48,7 +47,8 @@ export const WalletProvider = ({ children }) => {
     }), [config.walletManagement, walletManagementDisconnect]);
     // only for injected wallets
     const switchChain = useCallback((chainId) => __awaiter(void 0, void 0, void 0, function* () {
-        if (config.walletManagement) {
+        var _a;
+        if ((_a = config.walletManagement) === null || _a === void 0 ? void 0 : _a.switchChain) {
             const signer = yield config.walletManagement.switchChain(chainId);
             const account = yield extractAccountFromSigner(signer);
             setAccount(account);
@@ -56,29 +56,19 @@ export const WalletProvider = ({ children }) => {
         return walletSwitchChain(chainId);
     }), [config.walletManagement]);
     const addChain = useCallback((chainId) => __awaiter(void 0, void 0, void 0, function* () {
-        if (config.walletManagement) {
+        var _b;
+        if ((_b = config.walletManagement) === null || _b === void 0 ? void 0 : _b.addChain) {
             return config.walletManagement.addChain(chainId);
         }
         return walletAddChain(chainId);
     }), [config.walletManagement]);
     const addToken = useCallback((chainId, token) => __awaiter(void 0, void 0, void 0, function* () {
-        if (config.walletManagement) {
+        var _c;
+        if ((_c = config.walletManagement) === null || _c === void 0 ? void 0 : _c.addToken) {
             return config.walletManagement.addToken(token, chainId);
         }
         return switchChainAndAddToken(chainId, token);
     }), [config.walletManagement]);
-    const attemptEagerConnect = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        if (config.walletManagement) {
-            try {
-                const signer = yield config.walletManagement.getSigner();
-                const account = yield extractAccountFromSigner(signer);
-                setAccount(() => (Object.assign({}, account)));
-            }
-            catch (e) {
-                console.warn('WalletProvider: attempted eager connect.', e);
-            }
-        }
-    }), [config.walletManagement]);
     // keep account information up to date
     useEffect(() => {
         const updateAccount = () => __awaiter(void 0, void 0, void 0, function* () {
@@ -99,17 +89,8 @@ export const WalletProvider = ({ children }) => {
         switchChain,
         addChain,
         addToken,
-        attemptEagerConnect,
-        account,
-    }), [
         account,
-        addChain,
-        addToken,
-        connect,
-        disconnect,
-        switchChain,
-        attemptEagerConnect,
-    ]);
+    }), [account, addChain, addToken, connect, disconnect, switchChain]);
     return (_jsx(WalletContext.Provider, Object.assign({ value: value }, { children: children })));
 };
 const extractAccountFromSigner = (signer) => __awaiter(void 0, void 0, void 0, function* () {

package/providers/WalletProvider/types.d.ts

@@ -8,7 +8,6 @@ export interface WalletContextProps {
     disconnect(): void;
     switchChain(chainId: number): Promise<boolean>;
     connect(wallet?: Wallet | undefined): Promise<void>;
-    attemptEagerConnect(): Promise<void>;
 }
 export interface WalletAccount {
     address?: string;

package/providers/WidgetProvider/WidgetProvider.js

@@ -11,8 +11,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ChainId, getChainByKey } from '@lifi/sdk';
-import { updateLiFiConfig } from '@lifi/widget/config/lifi';
 import { createContext, useContext, useEffect, useMemo } from 'react';
+import { updateLiFiConfig } from '../../config/lifi';
 const stub = () => {
     throw new Error('You forgot to wrap your component in <WidgetProvider>.');
 };

package/stores/route/index.d.ts

@@ -1,5 +1,5 @@
 export * from './types';
-export * from './useCurrentRoute';
 export * from './useExecutingRoutes';
 export * from './useRouteStore';
 export * from './useSetExecutableRoute';
+export * from './useSwapHistory';

package/stores/route/index.js

@@ -1,5 +1,5 @@
 export * from './types';
-export * from './useCurrentRoute';
 export * from './useExecutingRoutes';
 export * from './useRouteStore';
 export * from './useSetExecutableRoute';
+export * from './useSwapHistory';

package/stores/route/types.d.ts

@@ -1,12 +1,10 @@
 import { Route } from '@lifi/sdk';
 export interface RouteExecutionStore {
-    currentRoute?: Route;
-    routes: Record<string, RouteExecution>;
-    setCurrentRoute: (route?: Route) => void;
+    routes: Partial<Record<string, RouteExecution>>;
     setExecutableRoute: (route: Route) => void;
     updateRoute: (route: Route) => void;
     restartRoute: (routeId: string) => void;
-    removeRoute: (routeId: string) => void;
+    deleteRoute: (routeId: string) => void;
 }
 export declare type RouteExecutionStatus = 'error' | 'idle' | 'loading' | 'success';
 export interface RouteExecution {

package/stores/route/useExecutingRoutes.d.ts

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

package/stores/route/useExecutingRoutes.js

@@ -1,4 +1,6 @@
+import shallow from 'zustand/shallow';
 import { useRouteStore } from './useRouteStore';
-export const useExecutingRoutes = () => {
-    return useRouteStore((state) => Object.values(state.routes).filter((route) => route.status === 'loading' || route.status === 'error'));
+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/route/useRouteStore.d.ts

@@ -2,13 +2,16 @@ import type { RouteExecutionStore } from './types';
 export declare const useRouteStore: import("zustand").UseBoundStore<Omit<Omit<import("zustand").StoreApi<RouteExecutionStore>, "persist"> & {
     persist: {
         setOptions: (options: Partial<import("zustand/middleware").PersistOptions<RouteExecutionStore, {
-            routes: Record<string, import("./types").RouteExecution>;
+            routes: Partial<Record<string, import("./types").RouteExecution>>;
         }>>) => void;
         clearStorage: () => void;
         rehydrate: () => Promise<void>;
         hasHydrated: () => boolean;
         onHydrate: (fn: (state: RouteExecutionStore) => void) => () => void;
         onFinishHydration: (fn: (state: RouteExecutionStore) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<RouteExecutionStore, {
+            routes: Partial<Record<string, import("./types").RouteExecution>>;
+        }>>;
     };
 }, "setState"> & {
     setState(nextStateOrUpdater: RouteExecutionStore | Partial<RouteExecutionStore> | ((state: import("immer/dist/internal").WritableDraft<RouteExecutionStore>) => void), shouldReplace?: boolean | undefined): void;

package/stores/route/useRouteStore.js

@@ -3,41 +3,40 @@ import { persist } from 'zustand/middleware';
 import { immer } from 'zustand/middleware/immer';
 export const useRouteStore = create()(persist(immer((set) => ({
     routes: {},
-    setCurrentRoute: (route) => set((state) => {
-        state.currentRoute = route;
-    }),
     setExecutableRoute: (route) => set((state) => {
         if (!state.routes[route.id]) {
             // clean previous idle routes that were not executed
             Object.keys(state.routes)
-                .filter((routeId) => state.routes[routeId].status === 'idle')
+                .filter((routeId) => { var _a; return ((_a = state.routes[routeId]) === null || _a === void 0 ? void 0 : _a.status) === 'idle'; })
                 .forEach((routeId) => delete state.routes[routeId]);
             state.routes[route.id] = {
                 route,
                 status: 'idle',
             };
-            state.currentRoute = route;
         }
     }),
     updateRoute: (route) => set((state) => {
-        state.routes[route.id].route = route;
-        const isFailed = route.steps.some((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'FAILED'; });
-        if (isFailed) {
-            state.routes[route.id].status = 'error';
-            return;
-        }
-        const isDone = route.steps.every((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'DONE'; });
-        if (isDone) {
-            state.routes[route.id].status = 'success';
-            return;
-        }
-        const isLoading = route.steps.some((step) => step.execution);
-        if (isLoading) {
-            state.routes[route.id].status = 'loading';
+        if (state.routes[route.id]) {
+            state.routes[route.id].route = route;
+            const isFailed = route.steps.some((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'FAILED'; });
+            if (isFailed) {
+                state.routes[route.id].status = 'error';
+                return;
+            }
+            const isDone = route.steps.every((step) => { var _a; return ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'DONE'; });
+            if (isDone) {
+                state.routes[route.id].status = 'success';
+                return;
+            }
+            const isLoading = route.steps.some((step) => step.execution);
+            if (isLoading) {
+                state.routes[route.id].status = 'loading';
+            }
         }
     }),
     restartRoute: (routeId) => set((state) => {
-        state.routes[routeId].route.steps.forEach((step) => {
+        var _a;
+        (_a = state.routes[routeId]) === null || _a === void 0 ? void 0 : _a.route.steps.forEach((step) => {
             var _a, _b;
             const stepHasFailed = ((_a = step.execution) === null || _a === void 0 ? void 0 : _a.status) === 'FAILED';
             // check if the step has been cancelled which is a "failed" state
@@ -50,10 +49,10 @@ export const useRouteStore = create()(persist(immer((set) => ({
         });
         state.routes[routeId].status = 'loading';
     }),
-    removeRoute: (routeId) => set((state) => {
-        // TODO: handle immediate removal
-        // delete state.routes[routeId];
-        state.routes[routeId].status = 'idle';
+    deleteRoute: (routeId) => set((state) => {
+        if (state.routes[routeId]) {
+            delete state.routes[routeId];
+        }
     }),
 })), {
     name: 'li.fi-widget-routes',

package/stores/route/useSwapHistory.d.ts

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

package/stores/route/useSwapHistory.js

@@ -0,0 +1,11 @@
+import shallow from 'zustand/shallow';
+import { useRouteStore } from './useRouteStore';
+export const useSwapHistory = (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) === 'success')
+        .sort((a, b) => {
+        var _a, _b, _c, _d;
+        return ((_b = (_a = b === null || b === void 0 ? void 0 : b.route.steps[0].execution) === null || _a === void 0 ? void 0 : _a.process[0].startedAt) !== null && _b !== void 0 ? _b : 0) -
+            ((_d = (_c = a === null || a === void 0 ? void 0 : a.route.steps[0].execution) === null || _c === void 0 ? void 0 : _c.process[0].startedAt) !== null && _d !== void 0 ? _d : 0);
+    }), shallow);
+};

package/stores/settings/useSettingsStore.d.ts

@@ -19,6 +19,19 @@ export declare const useSettingsStore: import("zustand").UseBoundStore<Omit<Omit
         hasHydrated: () => boolean;
         onHydrate: (fn: (state: SettingsStore) => void) => () => void;
         onFinishHydration: (fn: (state: SettingsStore) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<SettingsStore, {
+            setValue: import("./types").ValueSetter<SettingsState>;
+            setValues: import("./types").ValuesSetter<SettingsState>;
+            initializeTools(toolType: import("./types").SettingsToolType, tools: string[]): void;
+            setTools(toolType: import("./types").SettingsToolType, tools: string[], availableTools: (Pick<import("@lifi/types").Bridge, "key"> | Pick<import("@lifi/types").Exchange, "key">)[]): void;
+            advancedPreferences: boolean;
+            appearance: import("../..").Appearance;
+            routePriority: "RECOMMENDED" | "FASTEST" | "CHEAPEST" | "SAFEST";
+            slippage: string;
+            gasPrice: string;
+            _enabledBridges?: Record<string, boolean> | undefined;
+            _enabledExchanges?: Record<string, boolean> | undefined;
+        }>>;
     };
 }, "setState"> & {
     setState(nextStateOrUpdater: SettingsStore | Partial<SettingsStore> | ((state: import("immer/dist/internal").WritableDraft<SettingsStore>) => void), shouldReplace?: boolean | undefined): void;

package/types/widget.d.ts

@@ -12,10 +12,9 @@ export declare type ThemeConfig = {
 export interface WidgetWalletManagement {
     connect(): Promise<Signer>;
     disconnect(): Promise<void>;
-    getSigner(): Promise<Signer | undefined>;
-    switchChain(reqChainId: number): Promise<Signer>;
-    addToken(token: Token, chainId: number): Promise<void>;
-    addChain(chainId: number): Promise<boolean>;
+    switchChain?(chainId: number): Promise<Signer>;
+    addToken?(token: Token, chainId: number): Promise<void>;
+    addChain?(chainId: number): Promise<boolean>;
     signer?: Signer;
 }
 interface WidgetConfigBase {

package/utils/navigationRoutes.d.ts

@@ -6,6 +6,8 @@ export declare const navigationRoutes: {
     toToken: string;
     swapRoutes: string;
     swap: string;
+    swapHistory: string;
+    swapDetails: string;
 };
 export declare const navigationRoutesValues: string[];
 export declare type NavigationRouteType = keyof typeof navigationRoutes;

package/utils/navigationRoutes.js

@@ -1,10 +1,12 @@
 export const navigationRoutes = {
     home: '/',
-    selectWallet: 'select-wallet',
-    settings: 'settings',
-    fromToken: 'select-from-token',
-    toToken: 'select-to-token',
-    swapRoutes: 'swap-routes',
-    swap: 'swap',
+    selectWallet: '/select-wallet',
+    settings: '/settings',
+    fromToken: '/select-from-token',
+    toToken: '/select-to-token',
+    swapRoutes: '/swap-routes',
+    swap: '/swap',
+    swapHistory: '/swap-history',
+    swapDetails: '/swap-details',
 };
 export const navigationRoutesValues = Object.values(navigationRoutes);

package/components/Card/CardContainer.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-export declare const CardContainer: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material").Theme> & {
-    children?: import("react").ReactNode;
-    component?: import("react").ElementType<any> | undefined;
-    ref?: import("react").Ref<unknown> | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "ref" | ("p" | "color" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint") | "component"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-    isError?: boolean | undefined;
-}, {}, {}>;

package/components/Card/CardContainer.js

@@ -1,16 +0,0 @@
-import { Box } from '@mui/material';
-import { styled } from '@mui/material/styles';
-export const CardContainer = styled(Box, {
-    shouldForwardProp: (prop) => prop !== 'isError',
-})(({ theme, isError }) => ({
-    backgroundColor: theme.palette.background.paper,
-    border: `1px solid`,
-    borderColor: isError
-        ? theme.palette.error.main
-        : theme.palette.mode === 'light'
-            ? theme.palette.grey[300]
-            : theme.palette.grey[800],
-    borderRadius: theme.shape.borderRadius,
-    overflow: 'hidden',
-    position: 'relative',
-}));

package/components/InsufficientGasOrFundsMessage/InsufficientGasOrFundsMessage.d.ts

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

package/components/InsufficientGasOrFundsMessage/InsufficientGasOrFundsMessage.js

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Warning as WarningIcon } from '@mui/icons-material';
-import { Box, Typography } from '@mui/material';
-import { useTranslation } from 'react-i18next';
-import { CardTitle } from '../../components/Card';
-import { useHasSufficientBalance } from '../../hooks';
-import { MessageCard } from './InsufficientGasOrFundsMessage.style';
-export const InsufficientGasOrFundsMessage = (props) => {
-    const { t } = useTranslation();
-    const { hasGasOnStartChain, hasGasOnCrossChain, hasSufficientBalance } = useHasSufficientBalance();
-    if (hasSufficientBalance && hasGasOnStartChain && hasGasOnCrossChain) {
-        return null;
-    }
-    let title;
-    let message;
-    if (!hasSufficientBalance) {
-        message = t(`swap.warning.message.insufficientFunds`);
-    }
-    if (!hasGasOnStartChain) {
-        title = t(`swap.warning.title.insufficientGas`);
-        message = t(`swap.warning.message.insufficientGasOnStartChain`);
-    }
-    if (!hasGasOnCrossChain) {
-        title = t(`swap.warning.title.insufficientGas`);
-        message = t(`swap.warning.message.insufficientGasOnDestinationChain`);
-    }
-    return (_jsxs(MessageCard, Object.assign({}, props, { children: [_jsx(WarningIcon, { sx: {
-                    marginTop: 2,
-                    marginLeft: 2,
-                } }), _jsxs(Box, { children: [title ? _jsx(CardTitle, { children: title }) : null, _jsx(Typography, Object.assign({ variant: "body2", px: 2, pb: 2, pt: title ? 1 : 2 }, { children: message }))] })] })));
-};

package/components/InsufficientGasOrFundsMessage/index.d.ts

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

package/components/InsufficientGasOrFundsMessage/index.js

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

package/components/StepToken.js

@@ -1,21 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Avatar, Box, Typography } from '@mui/material';
-import { formatTokenAmount } from '../utils';
-import { TextFitter } from './TextFitter';
-export const StepToken = (_a) => {
-    var { token } = _a, other = __rest(_a, ["token"]);
-    return (_jsxs(Box, Object.assign({ flex: 1 }, other, { children: [_jsxs(Box, Object.assign({ display: "flex", flex: 1 }, { children: [_jsx(Avatar, Object.assign({ src: token.logoURI, alt: token.symbol, sx: { marginRight: 2 } }, { children: token.symbol[0] })), _jsx(TextFitter, Object.assign({ height: 32, textStyle: {
-                            fontWeight: 700,
-                        } }, { children: formatTokenAmount(token.amount, token.decimals) }))] })), _jsx(Typography, Object.assign({ fontSize: 14, lineHeight: 1, fontWeight: "500", color: "text.secondary", mr: 1, ml: 6 }, { children: token.symbol }))] })));
-};

package/components/SwapRoutes/SwapRoutes.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable react/no-array-index-key */
-import { KeyboardArrowRight as KeyboardArrowRightIcon } from '@mui/icons-material';
-import { Box, IconButton } from '@mui/material';
-import { useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import { useNavigate } from 'react-router-dom';
-import { useSwapRoutes } from '../../hooks';
-import { useCurrentRoute } from '../../stores';
-import { navigationRoutes } from '../../utils';
-import { CardContainer, CardTitle } from '../Card';
-import { SwapRouteCard, SwapRouteCardSkeleton, SwapRouteNotFoundCard, } from '../SwapRouteCard';
-import { Stack } from './SwapRoutes.style';
-import { SwapRoutesUpdateProgress } from './SwapRoutesUpdateProgress';
-export const SwapRoutes = (props) => {
-    const { t } = useTranslation();
-    const navigate = useNavigate();
-    const [currentRoute] = useCurrentRoute();
-    const { routes: swapRoutes, isLoading, isFetching, isFetched, } = useSwapRoutes();
-    const handleCardClick = useCallback(() => {
-        navigate(navigationRoutes.swapRoutes);
-    }, [navigate]);
-    if (!(swapRoutes === null || swapRoutes === void 0 ? void 0 : swapRoutes.length) && !isLoading && !isFetching && !isFetched) {
-        return null;
-    }
-    const routeNotFound = !(swapRoutes === null || swapRoutes === void 0 ? void 0 : swapRoutes.length) && isFetched;
-    return (_jsxs(CardContainer, Object.assign({}, props, { children: [_jsx(CardTitle, { children: t('swap.routes') }), !routeNotFound ? (_jsx(SwapRoutesUpdateProgress, { sx: {
-                    position: 'absolute',
-                    top: 8,
-                    right: 8,
-                } })) : null, _jsxs(Box, Object.assign({ sx: { display: 'flex', alignItems: 'center' } }, { children: [_jsx(Stack, Object.assign({ direction: "row", py: 2, pl: 2, pr: routeNotFound ? 2 : 1 }, { children: routeNotFound ? (_jsx(SwapRouteNotFoundCard, { minWidth: "100%", dense: true })) : isLoading || isFetching || !currentRoute ? (_jsx(SwapRouteCardSkeleton, { minWidth: "100%", active: true, dense: true })) : (_jsx(SwapRouteCard, { minWidth: "100%", route: currentRoute, active: true, dense: true })) })), !routeNotFound ? (_jsx(Box, Object.assign({ py: 1, pr: 1 }, { children: _jsx(IconButton, Object.assign({ onClick: handleCardClick, size: "medium", "aria-label": "swap-routes" }, { children: _jsx(KeyboardArrowRightIcon, {}) })) }))) : null] }))] })));
-};

package/components/SwapRoutes/SwapRoutesUpdateProgress.d.ts

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

package/components/SwapRoutes/SwapRoutesUpdateProgress.js

@@ -1,24 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable react/no-array-index-key */
-import { Box } from '@mui/material';
-import { useSwapRoutes } from '../../hooks';
-import { ProgressToNextUpdate } from '../ProgressToNextUpdate';
-export const SwapRoutesUpdateProgress = (_a) => {
-    var { sx } = _a, other = __rest(_a, ["sx"]);
-    const { isLoading, isFetching, dataUpdatedAt, refetchTime, refetch } = useSwapRoutes();
-    if (isLoading) {
-        return _jsx(Box, { width: 24, height: 24, sx: sx });
-    }
-    return (_jsx(ProgressToNextUpdate, Object.assign({ updatedAt: dataUpdatedAt, timeToUpdate: refetchTime, isLoading: isFetching, onClick: () => refetch(), sx: sx }, other)));
-};

package/components/SwapRoutes/index.d.ts

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

package/components/SwapRoutes/index.js

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

package/hooks/useHasSufficientBalance.d.ts

@@ -1,5 +0,0 @@
-export declare const useHasSufficientBalance: () => {
-    hasGasOnStartChain: boolean;
-    hasGasOnCrossChain: boolean;
-    hasSufficientBalance: boolean;
-};