@lifi/widget 1.6.1 → 1.8.1

package/hooks/useHasSufficientBalance.js

@@ -1,58 +1,63 @@
-import { isSwapStep } from '@lifinance/sdk';
+import { isSwapStep } from '@lifi/sdk';
 import Big from 'big.js';
 import { useMemo } from 'react';
 import { useWatch } from 'react-hook-form';
-import { SwapFormKeyHelper } from '../providers/SwapFormProvider';
+import { useDebouncedWatch } from '.';
+import { SwapFormKey, SwapFormKeyHelper } from '../providers/SwapFormProvider';
 import { useCurrentRoute } from '../stores';
 import { useTokenBalances } from './useTokenBalances';
 export const useHasSufficientBalance = () => {
     var _a;
     const [route] = useCurrentRoute();
-    const [fromChainId, toChainId] = useWatch({
+    const [fromChainId, toChainId, fromToken] = useWatch({
         name: [
             SwapFormKeyHelper.getChainKey('from'),
             SwapFormKeyHelper.getChainKey('to'),
+            SwapFormKey.FromToken,
         ],
     });
+    const fromAmount = useDebouncedWatch(SwapFormKey.FromAmount, 250);
     const lastStep = route === null || route === void 0 ? void 0 : route.steps.at(-1);
     const { tokens: fromChainTokenBalances } = useTokenBalances(fromChainId);
     const { tokens: toChainTokenBalances } = useTokenBalances((_a = lastStep === null || lastStep === void 0 ? void 0 : lastStep.action.fromChainId) !== null && _a !== void 0 ? _a : toChainId);
-    const hasGasBalanceOnStartChain = useMemo(() => {
-        var _a, _b, _c;
-        const token = (_a = route === null || route === void 0 ? void 0 : route.steps[0].estimate.gasCosts) === null || _a === void 0 ? void 0 : _a[0].token;
-        if (!token) {
+    const hasGasOnStartChain = useMemo(() => {
+        var _a, _b, _c, _d, _e;
+        const gasToken = (_a = route === null || route === void 0 ? void 0 : route.steps[0].estimate.gasCosts) === null || _a === void 0 ? void 0 : _a[0].token;
+        if (!gasToken) {
             return true;
         }
-        const balance = Big((_c = (_b = fromChainTokenBalances === null || fromChainTokenBalances === void 0 ? void 0 : fromChainTokenBalances.find((t) => t.address === token.address)) === null || _b === void 0 ? void 0 : _b.amount) !== null && _c !== void 0 ? _c : 0);
-        const requiredAmount = route.steps
+        const gasTokenBalance = Big((_c = (_b = fromChainTokenBalances === null || fromChainTokenBalances === void 0 ? void 0 : fromChainTokenBalances.find((t) => t.address === gasToken.address)) === null || _b === void 0 ? void 0 : _b.amount) !== null && _c !== void 0 ? _c : 0);
+        let requiredAmount = route.steps
             .filter((step) => step.action.fromChainId === route.fromChainId)
             .reduce((big, step) => { var _a; return big.plus(Big(((_a = step.estimate.gasCosts) === null || _a === void 0 ? void 0 : _a[0].amount) || 0)); }, Big(0))
-            .div(Math.pow(10, token.decimals));
-        return balance.gt(0) && balance.gte(requiredAmount);
+            .div(Math.pow(10, gasToken.decimals));
+        if (route.fromToken.address === gasToken.address) {
+            const tokenBalance = Big((_e = (_d = fromChainTokenBalances === null || fromChainTokenBalances === void 0 ? void 0 : fromChainTokenBalances.find((t) => t.address === route.fromToken.address)) === null || _d === void 0 ? void 0 : _d.amount) !== null && _e !== void 0 ? _e : 0);
+            requiredAmount = requiredAmount.plus(tokenBalance);
+        }
+        return gasTokenBalance.gt(0) && gasTokenBalance.gte(requiredAmount);
     }, [fromChainTokenBalances, route]);
     const hasGasOnCrossChain = useMemo(() => {
         var _a, _b, _c, _d, _e, _f;
-        const token = (_a = lastStep === null || lastStep === void 0 ? void 0 : lastStep.estimate.gasCosts) === null || _a === void 0 ? void 0 : _a[0].token;
-        if (!token || !isSwapStep(lastStep)) {
+        const gasToken = (_a = lastStep === null || lastStep === void 0 ? void 0 : lastStep.estimate.gasCosts) === null || _a === void 0 ? void 0 : _a[0].token;
+        if (!gasToken || !isSwapStep(lastStep)) {
             return true;
         }
-        const balance = Big((_c = (_b = toChainTokenBalances === null || toChainTokenBalances === void 0 ? void 0 : toChainTokenBalances.find((t) => t.address === token.address)) === null || _b === void 0 ? void 0 : _b.amount) !== null && _c !== void 0 ? _c : 0);
+        const balance = Big((_c = (_b = toChainTokenBalances === null || toChainTokenBalances === void 0 ? void 0 : toChainTokenBalances.find((t) => t.address === gasToken.address)) === null || _b === void 0 ? void 0 : _b.amount) !== null && _c !== void 0 ? _c : 0);
         const gasEstimate = (_d = lastStep.estimate.gasCosts) === null || _d === void 0 ? void 0 : _d[0].amount;
         const requiredAmount = Big(gasEstimate || 0).div(Math.pow(10, ((_f = (_e = lastStep.estimate.gasCosts) === null || _e === void 0 ? void 0 : _e[0].token.decimals) !== null && _f !== void 0 ? _f : 0)));
         return balance.gt(0) && balance.gte(requiredAmount);
     }, [lastStep, toChainTokenBalances]);
     const hasSufficientBalance = useMemo(() => {
-        var _a, _b, _c;
-        if (!route) {
+        var _a, _b;
+        if (!fromToken || !fromAmount) {
             return true;
         }
-        const balance = Big((_b = (_a = fromChainTokenBalances === null || fromChainTokenBalances === void 0 ? void 0 : fromChainTokenBalances.find((t) => t.address === route.fromToken.address)) === null || _a === void 0 ? void 0 : _a.amount) !== null && _b !== void 0 ? _b : 0);
-        return Big(route.fromAmount)
-            .div(Math.pow(10, ((_c = route.fromToken.decimals) !== null && _c !== void 0 ? _c : 0)))
-            .lte(balance);
-    }, [fromChainTokenBalances, route]);
+        const balance = Big((_b = (_a = fromChainTokenBalances === null || fromChainTokenBalances === void 0 ? void 0 : fromChainTokenBalances.find((t) => t.address === fromToken)) === null || _a === void 0 ? void 0 : _a.amount) !== null && _b !== void 0 ? _b : 0);
+        return Big(fromAmount).lte(balance);
+    }, [fromAmount, fromChainTokenBalances, fromToken]);
     return {
-        hasGasBalanceOnStartChain,
+        hasGasOnStartChain,
         hasGasOnCrossChain,
         hasSufficientBalance,
     };

package/hooks/useRouteExecution.d.ts

@@ -1,4 +1,4 @@
-import { Route } from '@lifinance/sdk';
+import { Route } from '@lifi/sdk';
 export declare const useRouteExecution: (routeId: string) => {
     executeRoute: () => void;
     restartRoute: () => void;

package/hooks/useSwapRoutes.d.ts

@@ -1,8 +1,8 @@
 export declare const useSwapRoutes: () => {
-    routes: import("@lifinance/types").Route[] | undefined;
+    routes: import("@lifi/types").Route[] | undefined;
     isLoading: boolean;
     isFetching: boolean;
     dataUpdatedAt: number;
     refetchTime: number;
-    refetch: <TPageData>(options?: (import("react-query").RefetchOptions & import("react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("react-query").QueryObserverResult<import("@lifinance/types").RoutesResponse, unknown>>;
+    refetch: <TPageData>(options?: (import("react-query").RefetchOptions & import("react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("react-query").QueryObserverResult<import("@lifi/types").RoutesResponse, unknown>>;
 };

package/hooks/useSwapRoutes.js

@@ -97,10 +97,10 @@ export const useSwapRoutes = () => {
         const isCurrentRouteInSet = data === null || data === void 0 ? void 0 : data.routes.some((route) => route.id === (currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.id));
         const recommendedRoute = data === null || data === void 0 ? void 0 : data.routes[0];
         // we don't want to set the current route again if it's already selected from existing routes
-        if (!isCurrentRouteInSet && recommendedRoute) {
+        if (!isCurrentRouteInSet && currentRoute !== recommendedRoute) {
             setCurrentRoute(recommendedRoute);
         }
-    }, [currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.id, data === null || data === void 0 ? void 0 : data.routes, setCurrentRoute]);
+    }, [currentRoute, data === null || data === void 0 ? void 0 : data.routes, setCurrentRoute]);
     return {
         routes: data === null || data === void 0 ? void 0 : data.routes,
         isLoading: isEnabled && isLoading,

package/hooks/useToken.d.ts

@@ -1,4 +1,4 @@
 export declare const useToken: (chainId: number, tokenAddress: string) => {
-    token: import("@lifinance/types").Token | undefined;
+    token: import("@lifi/types").Token | undefined;
     isLoading: boolean;
 };

package/hooks/useTokenBalance.d.ts

@@ -1,4 +1,4 @@
-import { TokenAmount } from '@lifinance/sdk';
+import { TokenAmount } from '@lifi/sdk';
 export declare const useTokenBalance: (chainId: number, tokenAddress: string) => {
     token: TokenAmount | undefined;
     isLoading: boolean;

package/hooks/useTokenBalances.d.ts

@@ -1,4 +1,4 @@
-import { TokenAmount } from '@lifinance/sdk';
+import { TokenAmount } from '@lifi/sdk';
 export declare const useTokenBalances: (selectedChainId: number) => {
     tokens: TokenAmount[] | undefined;
     isLoading: boolean;

package/hooks/useTokens.d.ts

@@ -1,5 +1,5 @@
 export declare const useTokens: (selectedChainId: number) => {
-    tokens: import("@lifinance/types").Token[] | undefined;
+    tokens: import("@lifi/types").Token[] | undefined;
     isLoading: boolean;
     isFetching: boolean;
 };

package/hooks/useTools.d.ts

@@ -1 +1 @@
-export declare const useTools: () => import("@lifinance/types").ToolsResponse | undefined;
+export declare const useTools: () => import("@lifi/types").ToolsResponse | undefined;

package/i18n/en/translation.json

@@ -70,14 +70,12 @@
     },
     "warning": {
       "title": {
-        "insufficientFunds": "Insufficient funds",
-        "insufficientGasOnStartChain": "Insufficient gas on start chain",
-        "insufficientGasOnDestinationChain": "Insufficient gas on destination chain"
+        "insufficientGas": "Insufficient gas"
       },
       "message": {
-        "insufficientFunds": "You don't have enough funds in this account.",
-        "insufficientGasOnStartChain": "The selected route requires a swap on the chain you are transferring from. You need to have gas on that chain to pay for the transaction there.",
-        "insufficientGasOnDestinationChain": "The selected route requires a swap on the chain you are transferring to. You need to have gas on that chain to pay for the transaction there."
+        "insufficientFunds": "You don't have enough funds for this transaction on the start “from” chain.",
+        "insufficientGasOnStartChain": "You need to have enough gas to pay for this transaction on the start “from” chain.",
+        "insufficientGasOnDestinationChain": "You need to have enough gas to pay for this transaction on the destination “to” chain."
       }
     },
     "error": {
@@ -100,7 +98,7 @@
     "process": {
       "tokenAllowance": {
         "started": "Setting token allowance.",
-        "pending": "Waiting for token allowance approval.",
+        "pending": "Waiting for token allowance.",
         "done": "Token allowance approved."
       },
       "switchChain": {
@@ -145,6 +143,10 @@
     "extensionNotFound": "Please make sure that only the {{name}} browser extension is active before choosing this wallet."
   },
   "tooltip": {
+    "notFound": {
+      "title": "Sorry 🥲",
+      "text": "We couldn't find this page."
+    },
     "progressToNextUpdate": "Displayed data will auto-refresh after {{value}} seconds. Click this circle to update manually."
   }
 }

package/i18n/index.d.ts

@@ -73,9 +73,7 @@ export declare const resources: {
                 };
                 warning: {
                     title: {
-                        insufficientFunds: string;
-                        insufficientGasOnStartChain: string;
-                        insufficientGasOnDestinationChain: string;
+                        insufficientGas: string;
                     };
                     message: {
                         insufficientFunds: string;
@@ -148,6 +146,10 @@ export declare const resources: {
                 extensionNotFound: string;
             };
             tooltip: {
+                notFound: {
+                    title: string;
+                    text: string;
+                };
                 progressToNextUpdate: string;
             };
         };

package/lifi.d.ts

@@ -1,2 +1,2 @@
-import LIFI from '@lifinance/sdk';
+import LIFI from '@lifi/sdk';
 export declare const LiFi: LIFI;

package/lifi.js

@@ -1,4 +1,4 @@
-import LIFI from '@lifinance/sdk';
+import LIFI from '@lifi/sdk';
 export const LiFi = new LIFI({
     // apiUrl: env.LIFI_API_URL,
     defaultRouteOptions: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "1.6.1",
+  "version": "1.8.1",
   "description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
   "sideEffects": false,
   "main": "./index.js",
@@ -23,7 +23,7 @@
   "bugs": {
     "url": "https://github.com/lifinance/widget/issues"
   },
-  "license": "MIT",
+  "license": "Apache-2.0",
   "keywords": [
     "widget",
     "lifi-widget",
@@ -41,15 +41,15 @@
     "@emotion/styled": "^11.9.3",
     "@ethersproject/experimental": "^5.6.3",
     "@ethersproject/providers": "^5.6.8",
-    "@lifi/wallet-management": "^1.0.4",
-    "@lifinance/sdk": "^1.0.0-beta.14",
+    "@lifi/sdk": "^1.0.0",
+    "@lifi/wallet-management": "^1.1.1",
     "@mui/icons-material": "^5.8.4",
-    "@mui/lab": "^5.0.0-alpha.89",
-    "@mui/material": "^5.8.7",
-    "@sentry/integrations": "^7.5.1",
-    "@sentry/react": "^7.5.1",
-    "@sentry/tracing": "^7.5.1",
-    "big.js": "^6.2.0",
+    "@mui/lab": "^5.0.0-alpha.90",
+    "@mui/material": "^5.9.0",
+    "@sentry/integrations": "^7.6.0",
+    "@sentry/react": "^7.6.0",
+    "@sentry/tracing": "^7.6.0",
+    "big.js": "^6.2.1",
     "i18next": "^21.8.13",
     "immer": "^9.0.15",
     "react": "^18.2.0",

package/pages/MainPage/MainPage.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box } from '@mui/material';
+import { InsufficientGasOrFundsMessage } from '../../components/InsufficientGasOrFundsMessage';
 import { SelectChainAndToken } from '../../components/SelectChainAndToken';
 import { SwapButton } from '../../components/SwapButton';
 import { SwapInProgress } from '../../components/SwapInProgress';
 import { SwapInput } from '../../components/SwapInput';
 import { SwapRoutes } from '../../components/SwapRoutes';
-import { InsufficientGasOrFundsMessage } from './InsufficientGasOrFundsMessage';
 import { FormContainer } from './MainPage.style';
 export const MainPage = () => {
-    return (_jsxs(FormContainer, Object.assign({ disableGutters: true }, { children: [_jsx(SwapInProgress, { mx: 3, mt: 2, mb: 1 }), _jsx(SelectChainAndToken, { mt: 2, mx: 3, mb: 3 }), _jsx(Box, Object.assign({ mx: 3, mb: 3 }, { children: _jsx(SwapInput, { formType: "from" }) })), _jsx(SwapRoutes, { mx: 3, mb: 3 }), _jsx(InsufficientGasOrFundsMessage, {}), _jsx(Box, Object.assign({ mx: 3, mb: 1 }, { children: _jsx(SwapButton, {}) }))] })));
+    return (_jsxs(FormContainer, Object.assign({ disableGutters: true }, { children: [_jsx(SwapInProgress, { mx: 3, mt: 2, mb: 1 }), _jsx(SelectChainAndToken, { mt: 2, mx: 3, mb: 3 }), _jsx(Box, Object.assign({ mx: 3, mb: 3 }, { children: _jsx(SwapInput, { formType: "from" }) })), _jsx(SwapRoutes, { mx: 3, mb: 3 }), _jsx(InsufficientGasOrFundsMessage, { mx: 3, mb: 3 }), _jsx(Box, Object.assign({ mx: 3, mb: 1 }, { children: _jsx(SwapButton, {}) }))] })));
 };

package/pages/MainPage/MainPage.style.d.ts

@@ -8,4 +8,4 @@ export declare const FormContainer: import("@emotion/styled").StyledComponent<{
     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" | "maxWidth" | "fixed" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/system").Theme>, {}, {}>;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "maxWidth" | "fixed" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/pages/MainPage/MainPage.style.js

@@ -1,5 +1,5 @@
 import { Container } from '@mui/material';
-import { styled } from '@mui/system';
+import { styled } from '@mui/material/styles';
 export const FormContainer = styled(Container)({
     display: 'flex',
     flexDirection: 'column',

package/pages/SelectTokenPage/ChainSelect.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { SwapFormTypeProps } from '../../providers/SwapFormProvider';
 export declare const ChainSelect: ({ formType }: SwapFormTypeProps) => JSX.Element;

package/pages/SelectTokenPage/SearchTokenInput.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const SearchTokenInput: () => JSX.Element;

package/pages/SelectWalletPage/SelectWalletPage.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const SelectWalletPage: () => JSX.Element;

package/pages/SettingsPage/AdvancedPreferences.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const AdvancedPreferences: () => JSX.Element;

package/pages/SettingsPage/GasPriceSelect.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const GasPriceSelect: () => JSX.Element;

package/pages/SettingsPage/RoutePrioritySelect.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Orders } from '@lifinance/sdk';
+import { Orders } from '@lifi/sdk';
 import { KeyboardArrowDown as KeyboardArrowDownIcon } from '@mui/icons-material';
 import { FormControl, MenuItem } from '@mui/material';
 import { useTranslation } from 'react-i18next';

package/pages/SettingsPage/SettingsPage.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const SettingsPage: () => JSX.Element;

package/pages/SettingsPage/SlippageInput.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const SlippageInput: () => JSX.Element;

package/pages/SwapPage/CircularProgress.d.ts

@@ -1,4 +1,5 @@
-import { Status } from '@lifinance/sdk';
+/// <reference types="react" />
+import { Status } from '@lifi/sdk';
 export declare function CircularProgress({ status }: {
     status: Status;
 }): JSX.Element;

package/pages/SwapPage/CircularProgress.style.d.ts

@@ -1,4 +1,4 @@
-import { Status } from '@lifinance/sdk';
+import { Status } from '@lifi/sdk';
 import { Theme } from '@mui/material';
 export declare const CircularProgress: import("@emotion/styled").StyledComponent<import("@mui/material").CircularProgressProps & import("@mui/system").MUIStyledCommonProps<Theme> & {
     status: Status;

package/pages/SwapPage/ExecutionItem.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Process, Step } from '@lifinance/sdk';
+import { Process, Step } from '@lifi/sdk';
 export declare const ExecutionItem: React.FC<{
     step: Step;
     process: Process;

package/pages/SwapPage/StepItem.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Step, TokenAmount } from '@lifinance/sdk';
+import { Step, TokenAmount } from '@lifi/sdk';
 export declare const StepItem: React.FC<{
     step: Step;
     fromToken?: TokenAmount;

package/pages/SwapPage/StepTimer.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Step } from '@lifinance/sdk';
+import { Step } from '@lifi/sdk';
 export declare const StepTimer: React.FC<{
     step: Step;
 }>;

package/pages/SwapPage/SwapPage.js

@@ -2,7 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { Fragment } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useLocation, useNavigate } from 'react-router-dom';
-import { useRouteExecution } from '../../hooks';
+import { InsufficientGasOrFundsMessage } from '../../components/InsufficientGasOrFundsMessage';
+import { useHasSufficientBalance, useRouteExecution } from '../../hooks';
 import { StatusBottomSheet } from './StatusBottomSheet';
 import { StepDivider } from './StepDivider';
 import { StepItem } from './StepItem';
@@ -11,12 +12,14 @@ export const SwapPage = () => {
     const { t } = useTranslation();
     const { state } = useLocation();
     const navigate = useNavigate();
+    const { hasGasOnStartChain, hasGasOnCrossChain, hasSufficientBalance } = useHasSufficientBalance();
     const { route, status, executeRoute, restartRoute, removeRoute } = useRouteExecution(state.routeId);
     const handleRemoveRoute = () => {
         removeRoute();
         navigate(-1);
     };
+    const isDisabled = !hasSufficientBalance || !hasGasOnStartChain || !hasGasOnCrossChain;
     return (_jsxs(Container, { children: [route === null || route === void 0 ? void 0 : route.steps.map((step, index, steps) => (_jsxs(Fragment, { children: [_jsx(StepItem, { step: step, fromToken: index === 0
                             ? Object.assign(Object.assign({}, route.fromToken), { amount: route.fromAmount }) : undefined, toToken: index === steps.length - 1
-                            ? Object.assign(Object.assign({}, route.toToken), { amount: route.toAmount }) : undefined }), steps.length > 1 && index !== steps.length - 1 ? (_jsx(StepDivider, {})) : null] }, step.id))), status === 'idle' ? (_jsx(Button, Object.assign({ variant: "contained", disableElevation: true, fullWidth: true, onClick: executeRoute }, { children: t('button.startSwap') }))) : null, status === 'error' ? (_jsxs(_Fragment, { children: [_jsx(Button, Object.assign({ variant: "contained", disableElevation: true, fullWidth: true, onClick: restartRoute }, { children: t('button.restartSwap') })), _jsx(Button, Object.assign({ variant: "outlined", disableElevation: true, fullWidth: true, onClick: handleRemoveRoute }, { children: t('button.removeSwap') }))] })) : null, _jsx(StatusBottomSheet, { status: status, route: route })] }));
+                            ? Object.assign(Object.assign({}, route.toToken), { amount: route.toAmount }) : undefined }), steps.length > 1 && index !== steps.length - 1 ? (_jsx(StepDivider, {})) : null] }, step.id))), _jsx(InsufficientGasOrFundsMessage, { mt: 2 }), status === 'idle' ? (_jsx(Button, Object.assign({ variant: "contained", disableElevation: true, fullWidth: true, onClick: executeRoute, disabled: isDisabled }, { children: t('button.startSwap') }))) : null, status === 'error' ? (_jsxs(_Fragment, { children: [_jsx(Button, Object.assign({ variant: "contained", disableElevation: true, fullWidth: true, onClick: restartRoute, disabled: isDisabled }, { children: t('button.restartSwap') })), _jsx(Button, Object.assign({ variant: "outlined", disableElevation: true, fullWidth: true, onClick: handleRemoveRoute, disabled: isDisabled }, { children: t('button.removeSwap') }))] })) : null, _jsx(StatusBottomSheet, { status: status, route: route })] }));
 };

package/pages/SwapPage/utils.d.ts

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

package/pages/SwapPage/utils.js

@@ -1,4 +1,4 @@
-import { LifiErrorCode, MetaMaskProviderErrorCode, } from '@lifinance/sdk';
+import { LifiErrorCode, MetaMaskProviderErrorCode, } from '@lifi/sdk';
 import { formatTokenAmount } from '../../utils/format';
 const formatProcessMessage = (initialMessage, args = {}) => {
     return Object.keys(args).reduce((message, key) => {

package/providers/WalletProvider/types.d.ts

@@ -1,5 +1,5 @@
+import { Token } from '@lifi/sdk';
 import { Wallet } from '@lifi/wallet-management';
-import { Token } from '@lifinance/sdk';
 import { Signer } from 'ethers';
 export interface WalletContextProps {
     account: WalletAccount;

package/providers/WidgetProvider/WidgetProvider.js

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

package/stores/route/types.d.ts

@@ -1,4 +1,4 @@
-import { Route } from '@lifinance/sdk';
+import { Route } from '@lifi/sdk';
 export interface RouteExecutionStore {
     currentRoute?: Route;
     routes: Record<string, RouteExecution>;

package/stores/route/useCurrentRoute.d.ts

@@ -1,2 +1,2 @@
-import { Route } from '@lifinance/sdk';
+import { Route } from '@lifi/sdk';
 export declare const useCurrentRoute: () => [Route | undefined, (route?: Route) => void];

package/stores/route/useSetExecutableRoute.d.ts

@@ -1 +1 @@
-export declare const useSetExecutableRoute: () => (route: import("@lifinance/types").Route) => void;
+export declare const useSetExecutableRoute: () => (route: import("@lifi/types").Route) => void;

package/stores/settings/types.d.ts

@@ -1,4 +1,4 @@
-import { Bridge, Exchange, Order } from '@lifinance/sdk';
+import { Bridge, Exchange, Order } from '@lifi/sdk';
 import { Appearance } from '../../types';
 export declare type ValueSetter<S> = <K extends keyof S>(key: K, value: S[Extract<K, string>]) => void;
 export declare type ValuesSetter<S> = <K extends keyof S>(values: Record<K, S[Extract<K, string>]>) => void;

package/stores/settings/useSettingsStore.d.ts

@@ -5,7 +5,7 @@ export declare const useSettingsStore: import("zustand").UseBoundStore<Omit<Omit
             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("@lifinance/types").Bridge, "key"> | Pick<import("@lifinance/types").Exchange, "key">)[]): 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";

package/types/widget.d.ts

@@ -1,4 +1,4 @@
-import { ChainKey, Token } from '@lifinance/sdk';
+import { ChainKey, Token } from '@lifi/sdk';
 import { PaletteMode, PaletteOptions, Shape } from '@mui/material';
 import { TypographyOptions } from '@mui/material/styles/createTypography';
 import { Signer } from 'ethers';

package/pages/MainPage/InsufficientGasOrFundsMessage.d.ts

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

package/pages/MainPage/InsufficientGasOrFundsMessage.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { 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 = () => {
-    const { t } = useTranslation();
-    const { hasGasBalanceOnStartChain, hasGasOnCrossChain, hasSufficientBalance, } = useHasSufficientBalance();
-    if (hasSufficientBalance && hasGasBalanceOnStartChain && hasGasOnCrossChain) {
-        return null;
-    }
-    let title;
-    let message;
-    if (!hasSufficientBalance) {
-        title = t(`swap.warning.title.insufficientFunds`);
-        message = t(`swap.warning.message.insufficientFunds`);
-    }
-    if (!hasGasBalanceOnStartChain) {
-        title = t(`swap.warning.title.insufficientGasOnStartChain`);
-        message = t(`swap.warning.message.insufficientGasOnStartChain`);
-    }
-    if (!hasGasOnCrossChain) {
-        title = t(`swap.warning.title.insufficientGasOnDestinationChain`);
-        message = t(`swap.warning.message.insufficientGasOnDestinationChain`);
-    }
-    return (_jsxs(MessageCard, Object.assign({ mx: 3, mb: 3 }, { children: [_jsx(CardTitle, { children: title }), _jsx(Typography, Object.assign({ variant: "body2", px: 2, pb: 2, pt: 1 }, { children: message }))] })));
-};