@lifi/widget 2.4.6 → 2.5.0

package/cjs/components/GasMessage/GasMessage.js

@@ -9,10 +9,10 @@ const FundsSufficiencyMessage_1 = require("./FundsSufficiencyMessage");
 const GasSufficiencyMessage_1 = require("./GasSufficiencyMessage");
 const GasMessage = ({ route, ...props }) => {
     const { insufficientGas } = (0, hooks_1.useGasSufficiency)(route);
-    const { insufficientFunds } = (0, hooks_1.useFundsSufficiency)(route);
+    const { insufficientFromToken } = (0, hooks_1.useFromTokenSufficiency)(route);
     const { sdkConfig } = (0, providers_1.useWidgetConfig)();
     const isMultisigSigner = sdkConfig?.multisigConfig?.isMultisigSigner;
     const validInsufficientGas = insufficientGas?.length && !isMultisigSigner;
-    return ((0, jsx_runtime_1.jsx)(material_1.Collapse, { timeout: 225, in: Boolean(insufficientFunds || validInsufficientGas), unmountOnExit: true, mountOnEnter: true, children: (0, jsx_runtime_1.jsx)(material_1.Box, { ...props, children: insufficientFunds ? ((0, jsx_runtime_1.jsx)(FundsSufficiencyMessage_1.FundsSufficiencyMessage, {})) : validInsufficientGas ? ((0, jsx_runtime_1.jsx)(GasSufficiencyMessage_1.GasSufficiencyMessage, { insufficientGas: insufficientGas })) : null }) }));
+    return ((0, jsx_runtime_1.jsx)(material_1.Collapse, { timeout: 225, in: Boolean(insufficientFromToken || validInsufficientGas), unmountOnExit: true, mountOnEnter: true, children: (0, jsx_runtime_1.jsx)(material_1.Box, { ...props, children: insufficientFromToken ? ((0, jsx_runtime_1.jsx)(FundsSufficiencyMessage_1.FundsSufficiencyMessage, {})) : validInsufficientGas ? ((0, jsx_runtime_1.jsx)(GasSufficiencyMessage_1.GasSufficiencyMessage, { insufficientGas: insufficientGas })) : null }) }));
 };
 exports.GasMessage = GasMessage;

package/cjs/config/version.d.ts

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

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 = '2.4.6';
+exports.version = '2.5.0';

package/cjs/hooks/index.d.ts

@@ -5,7 +5,7 @@ export * from './useDebouncedWatch';
 export * from './useDefaultElementId';
 export * from './useExpandableVariant';
 export * from './useFeaturedTokens';
-export * from './useFundsSufficiency';
+export * from './useFromTokenSufficiency';
 export * from './useGasRecommendation';
 export * from './useGasRefuel';
 export * from './useGasSufficiency';

package/cjs/hooks/index.js

@@ -21,7 +21,7 @@ __exportStar(require("./useDebouncedWatch"), exports);
 __exportStar(require("./useDefaultElementId"), exports);
 __exportStar(require("./useExpandableVariant"), exports);
 __exportStar(require("./useFeaturedTokens"), exports);
-__exportStar(require("./useFundsSufficiency"), exports);
+__exportStar(require("./useFromTokenSufficiency"), exports);
 __exportStar(require("./useGasRecommendation"), exports);
 __exportStar(require("./useGasRefuel"), exports);
 __exportStar(require("./useGasSufficiency"), exports);

package/cjs/hooks/useFromTokenSufficiency.d.ts

@@ -0,0 +1,5 @@
+import type { Route } from '@lifi/sdk';
+export declare const useFromTokenSufficiency: (route?: Route) => {
+    insufficientFromToken: boolean | undefined;
+    isInitialLoading: boolean;
+};

package/cjs/hooks/{useFundsSufficiency.js → useFromTokenSufficiency.js}

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFundsSufficiency = void 0;
+exports.useFromTokenSufficiency = void 0;
 const react_query_1 = require("@tanstack/react-query");
 const big_js_1 = require("big.js");
 const react_hook_form_1 = require("react-hook-form");
@@ -9,7 +9,7 @@ const stores_1 = require("../stores");
 const useGetTokenBalancesWithRetry_1 = require("./useGetTokenBalancesWithRetry");
 const useTokenAddressBalance_1 = require("./useTokenAddressBalance");
 const refetchInterval = 30000;
-const useFundsSufficiency = (route) => {
+const useFromTokenSufficiency = (route) => {
     const { account } = (0, providers_1.useWallet)();
     const getTokenBalancesWithRetry = (0, useGetTokenBalancesWithRetry_1.useGetTokenBalancesWithRetry)(account.signer?.provider);
     const [fromChainId, fromTokenAddress, fromAmount] = (0, react_hook_form_1.useWatch)({
@@ -22,8 +22,8 @@ const useFundsSufficiency = (route) => {
         tokenAddress = route.fromToken.address;
     }
     const { token, isLoading } = (0, useTokenAddressBalance_1.useTokenAddressBalance)(chainId, tokenAddress);
-    const { data: insufficientFunds, isInitialLoading } = (0, react_query_1.useQuery)([
-        'funds-sufficiency-check',
+    const { data: insufficientFromToken, isInitialLoading } = (0, react_query_1.useQuery)([
+        'from-token-sufficiency-check',
         account.address,
         chainId,
         tokenAddress,
@@ -62,8 +62,8 @@ const useFundsSufficiency = (route) => {
         keepPreviousData: true,
     });
     return {
-        insufficientFunds,
+        insufficientFromToken,
         isInitialLoading,
     };
 };
-exports.useFundsSufficiency = useFundsSufficiency;
+exports.useFromTokenSufficiency = useFromTokenSufficiency;

package/cjs/hooks/useGasSufficiency.js

@@ -30,21 +30,27 @@ const useGasSufficiency = (route) => {
                 const gasCostAmount = step.estimate.gasCosts
                     .reduce((amount, gasCost) => amount.plus((0, big_js_1.default)(gasCost.amount || 0)), (0, big_js_1.default)(0))
                     .div(10 ** token.decimals);
-                const groupedGasCost = groupedGasCosts[token.chainId];
-                const gasAmount = groupedGasCost
-                    ? groupedGasCost.gasAmount.plus(gasCostAmount)
-                    : gasCostAmount;
                 groupedGasCosts[token.chainId] = {
-                    gasAmount,
-                    tokenAmount: gasAmount,
+                    gasAmount: groupedGasCosts[token.chainId]?.gasAmount.plus(gasCostAmount) ?? gasCostAmount,
+                    token,
+                };
+            }
+            // Add fees paid in native tokens to gas sufficiency check (included: false)
+            const nonIncludedFeeCosts = step.estimate.feeCosts?.filter((feeCost) => !feeCost.included);
+            if (nonIncludedFeeCosts?.length) {
+                const { token } = nonIncludedFeeCosts[0];
+                const feeCostAmount = nonIncludedFeeCosts
+                    .reduce((amount, feeCost) => amount.plus((0, big_js_1.default)(feeCost.amount || 0)), (0, big_js_1.default)(0))
+                    .div(10 ** token.decimals);
+                groupedGasCosts[token.chainId] = {
+                    gasAmount: groupedGasCosts[token.chainId]?.gasAmount.plus(feeCostAmount) ?? feeCostAmount,
                     token,
                 };
-                return groupedGasCosts;
             }
             return groupedGasCosts;
         }, {});
         if (route.fromToken.address === gasCosts[route.fromChainId]?.token.address) {
-            gasCosts[route.fromChainId].tokenAmount = gasCosts[route.fromChainId]?.gasAmount.plus((0, big_js_1.default)(route.fromAmount).div(10 ** route.fromToken.decimals));
+            gasCosts[route.fromChainId].tokenAmount = gasCosts[route.fromChainId].gasAmount.plus((0, big_js_1.default)(route.fromAmount).div(10 ** route.fromToken.decimals));
         }
         const tokenBalances = await getTokenBalancesWithRetry(account.address, Object.values(gasCosts).map((item) => item.token));
         if (!tokenBalances?.length) {

package/cjs/i18n/pt.json

@@ -255,7 +255,8 @@
     },
     "routePriority": "Prioridade de rota / caminho",
     "showDestinationWallet": "Mostrar carteira de destino",
-    "slippage": "Derrapagem"
+    "slippage": "Derrapagem",
+    "resetSettings": "Você está usando a configuração personalizada que limita a quantidade de rotas disponíveis."
   },
   "wallet": {
     "extensionNotFound": "Por favor, certifique-se de que apenas a extensão do navegador da {{name}} está ativa antes de escolher esta carteira."

package/cjs/i18n/tr.json

@@ -255,7 +255,8 @@
     },
     "routePriority": "Rota önceliği",
     "showDestinationWallet": "Hedef Adresi Göster",
-    "slippage": "Sapma toleransı"
+    "slippage": "Sapma toleransı",
+    "resetSettings": "Kullanılabilir rotaların sayısını sınırlayan özel bir ayar kullanıyorsunuz."
   },
   "wallet": {
     "extensionNotFound": "Lütfen bu cüzdanı seçmeden önce yalnızca {{name}} tarayıcı uzantısının etkin olduğundan emin olun."

package/cjs/i18n/uk.json

@@ -255,7 +255,8 @@
     },
     "routePriority": "Пріоритет маршруту",
     "showDestinationWallet": "Показати цільовий гаманець",
-    "slippage": "Прослизання"
+    "slippage": "Прослизання",
+    "resetSettings": "Ви використовуєте налаштування які можуть обмежувати кількість доступних маршрутів."
   },
   "wallet": {
     "extensionNotFound": "Перш ніж вибрати цей гаманець, переконайтеся, що в браузері активне лише розширення {{name}}."

package/cjs/pages/TransactionPage/StartTransactionButton.js

@@ -10,9 +10,9 @@ const StartTransactionButton = ({ onClick, route, text, loading, }) => {
     const { sdkConfig } = (0, providers_1.useWidgetConfig)();
     const isMultisigSigner = sdkConfig?.multisigConfig?.isMultisigSigner;
     const { insufficientGas, isInitialLoading: isGasSufficiencyLoading } = (0, hooks_1.useGasSufficiency)(route);
-    const { insufficientFunds, isInitialLoading: isFundsSufficiencyLoading } = (0, hooks_1.useFundsSufficiency)(route);
-    const shouldDisableButton = !isMultisigSigner && (insufficientFunds || !!insufficientGas?.length);
-    return ((0, jsx_runtime_1.jsx)(DefaultTransactionButton_1.DefaultTransactionButton, { onClick: onClick, text: text, disabled: shouldDisableButton, loading: isFundsSufficiencyLoading || isGasSufficiencyLoading || loading }));
+    const { insufficientFromToken, isInitialLoading: isFromTokenSufficiencyLoading, } = (0, hooks_1.useFromTokenSufficiency)(route);
+    const shouldDisableButton = !isMultisigSigner && (insufficientFromToken || !!insufficientGas?.length);
+    return ((0, jsx_runtime_1.jsx)(DefaultTransactionButton_1.DefaultTransactionButton, { onClick: onClick, text: text, disabled: shouldDisableButton, loading: isFromTokenSufficiencyLoading || isGasSufficiencyLoading || loading }));
 };
 exports.StartTransactionButton = StartTransactionButton;
 const StartInsurableTransactionButton = ({ onClick, text, route, loading, disabled, insurableRouteId }) => {

package/cjs/providers/SDKProvider/SDKProvider.js

@@ -11,16 +11,17 @@ const SDKContext = (0, react_1.createContext)(null);
 const useLiFi = () => (0, react_1.useContext)(SDKContext);
 exports.useLiFi = useLiFi;
 const SDKProvider = ({ children, }) => {
-    const { sdkConfig, fee, integrator, referrer, routePriority, slippage } = (0, WidgetProvider_1.useWidgetConfig)();
+    const { sdkConfig, integrator, apiKey, fee, referrer, routePriority, slippage, } = (0, WidgetProvider_1.useWidgetConfig)();
     const value = (0, react_1.useMemo)(() => {
         const config = {
             ...sdkConfig,
+            apiKey,
             integrator: integrator ?? window.location.hostname,
             defaultRouteOptions: {
-                fee,
                 integrator: integrator ?? window.location.hostname,
+                fee,
                 referrer,
-                routePriority,
+                order: routePriority,
                 slippage,
                 ...sdkConfig?.defaultRouteOptions,
             },
@@ -34,7 +35,7 @@ const SDKProvider = ({ children, }) => {
         }
         lifi.setConfig(config);
         return lifi;
-    }, [fee, integrator, referrer, routePriority, sdkConfig, slippage]);
+    }, [apiKey, fee, integrator, referrer, routePriority, sdkConfig, slippage]);
     return (0, jsx_runtime_1.jsx)(SDKContext.Provider, { value: value, children: children });
 };
 exports.SDKProvider = SDKProvider;

package/cjs/types/widget.d.ts

@@ -72,8 +72,9 @@ export interface WidgetConfig {
     contractSecondaryComponent?: ReactNode;
     contractCompactComponent?: ReactNode;
     contractTool?: WidgetContractTool;
-    fee?: number;
     integrator: string;
+    apiKey?: string;
+    fee?: number;
     referrer?: string;
     routePriority?: Order;
     slippage?: number;

package/components/GasMessage/GasMessage.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box, Collapse } from '@mui/material';
-import { useFundsSufficiency, useGasSufficiency } from '../../hooks';
+import { useFromTokenSufficiency, useGasSufficiency } from '../../hooks';
 import { useWidgetConfig } from '../../providers';
 import { FundsSufficiencyMessage } from './FundsSufficiencyMessage';
 import { GasSufficiencyMessage } from './GasSufficiencyMessage';
 export const GasMessage = ({ route, ...props }) => {
     const { insufficientGas } = useGasSufficiency(route);
-    const { insufficientFunds } = useFundsSufficiency(route);
+    const { insufficientFromToken } = useFromTokenSufficiency(route);
     const { sdkConfig } = useWidgetConfig();
     const isMultisigSigner = sdkConfig?.multisigConfig?.isMultisigSigner;
     const validInsufficientGas = insufficientGas?.length && !isMultisigSigner;
-    return (_jsx(Collapse, { timeout: 225, in: Boolean(insufficientFunds || validInsufficientGas), unmountOnExit: true, mountOnEnter: true, children: _jsx(Box, { ...props, children: insufficientFunds ? (_jsx(FundsSufficiencyMessage, {})) : validInsufficientGas ? (_jsx(GasSufficiencyMessage, { insufficientGas: insufficientGas })) : null }) }));
+    return (_jsx(Collapse, { timeout: 225, in: Boolean(insufficientFromToken || validInsufficientGas), unmountOnExit: true, mountOnEnter: true, children: _jsx(Box, { ...props, children: insufficientFromToken ? (_jsx(FundsSufficiencyMessage, {})) : validInsufficientGas ? (_jsx(GasSufficiencyMessage, { insufficientGas: insufficientGas })) : null }) }));
 };

package/config/version.d.ts

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

package/config/version.js

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

package/hooks/index.d.ts

@@ -5,7 +5,7 @@ export * from './useDebouncedWatch';
 export * from './useDefaultElementId';
 export * from './useExpandableVariant';
 export * from './useFeaturedTokens';
-export * from './useFundsSufficiency';
+export * from './useFromTokenSufficiency';
 export * from './useGasRecommendation';
 export * from './useGasRefuel';
 export * from './useGasSufficiency';

package/hooks/index.js

@@ -5,7 +5,7 @@ export * from './useDebouncedWatch';
 export * from './useDefaultElementId';
 export * from './useExpandableVariant';
 export * from './useFeaturedTokens';
-export * from './useFundsSufficiency';
+export * from './useFromTokenSufficiency';
 export * from './useGasRecommendation';
 export * from './useGasRefuel';
 export * from './useGasSufficiency';

package/hooks/useFromTokenSufficiency.d.ts

@@ -0,0 +1,5 @@
+import type { Route } from '@lifi/sdk';
+export declare const useFromTokenSufficiency: (route?: Route) => {
+    insufficientFromToken: boolean | undefined;
+    isInitialLoading: boolean;
+};

package/hooks/{useFundsSufficiency.js → useFromTokenSufficiency.js}

@@ -6,7 +6,7 @@ import { isRouteDone } from '../stores';
 import { useGetTokenBalancesWithRetry } from './useGetTokenBalancesWithRetry';
 import { useTokenAddressBalance } from './useTokenAddressBalance';
 const refetchInterval = 30000;
-export const useFundsSufficiency = (route) => {
+export const useFromTokenSufficiency = (route) => {
     const { account } = useWallet();
     const getTokenBalancesWithRetry = useGetTokenBalancesWithRetry(account.signer?.provider);
     const [fromChainId, fromTokenAddress, fromAmount] = useWatch({
@@ -19,8 +19,8 @@ export const useFundsSufficiency = (route) => {
         tokenAddress = route.fromToken.address;
     }
     const { token, isLoading } = useTokenAddressBalance(chainId, tokenAddress);
-    const { data: insufficientFunds, isInitialLoading } = useQuery([
-        'funds-sufficiency-check',
+    const { data: insufficientFromToken, isInitialLoading } = useQuery([
+        'from-token-sufficiency-check',
         account.address,
         chainId,
         tokenAddress,
@@ -59,7 +59,7 @@ export const useFundsSufficiency = (route) => {
         keepPreviousData: true,
     });
     return {
-        insufficientFunds,
+        insufficientFromToken,
         isInitialLoading,
     };
 };

package/hooks/useGasSufficiency.js

@@ -27,21 +27,27 @@ export const useGasSufficiency = (route) => {
                 const gasCostAmount = step.estimate.gasCosts
                     .reduce((amount, gasCost) => amount.plus(Big(gasCost.amount || 0)), Big(0))
                     .div(10 ** token.decimals);
-                const groupedGasCost = groupedGasCosts[token.chainId];
-                const gasAmount = groupedGasCost
-                    ? groupedGasCost.gasAmount.plus(gasCostAmount)
-                    : gasCostAmount;
                 groupedGasCosts[token.chainId] = {
-                    gasAmount,
-                    tokenAmount: gasAmount,
+                    gasAmount: groupedGasCosts[token.chainId]?.gasAmount.plus(gasCostAmount) ?? gasCostAmount,
+                    token,
+                };
+            }
+            // Add fees paid in native tokens to gas sufficiency check (included: false)
+            const nonIncludedFeeCosts = step.estimate.feeCosts?.filter((feeCost) => !feeCost.included);
+            if (nonIncludedFeeCosts?.length) {
+                const { token } = nonIncludedFeeCosts[0];
+                const feeCostAmount = nonIncludedFeeCosts
+                    .reduce((amount, feeCost) => amount.plus(Big(feeCost.amount || 0)), Big(0))
+                    .div(10 ** token.decimals);
+                groupedGasCosts[token.chainId] = {
+                    gasAmount: groupedGasCosts[token.chainId]?.gasAmount.plus(feeCostAmount) ?? feeCostAmount,
                     token,
                 };
-                return groupedGasCosts;
             }
             return groupedGasCosts;
         }, {});
         if (route.fromToken.address === gasCosts[route.fromChainId]?.token.address) {
-            gasCosts[route.fromChainId].tokenAmount = gasCosts[route.fromChainId]?.gasAmount.plus(Big(route.fromAmount).div(10 ** route.fromToken.decimals));
+            gasCosts[route.fromChainId].tokenAmount = gasCosts[route.fromChainId].gasAmount.plus(Big(route.fromAmount).div(10 ** route.fromToken.decimals));
         }
         const tokenBalances = await getTokenBalancesWithRetry(account.address, Object.values(gasCosts).map((item) => item.token));
         if (!tokenBalances?.length) {

package/i18n/pt.json

@@ -255,7 +255,8 @@
     },
     "routePriority": "Prioridade de rota / caminho",
     "showDestinationWallet": "Mostrar carteira de destino",
-    "slippage": "Derrapagem"
+    "slippage": "Derrapagem",
+    "resetSettings": "Você está usando a configuração personalizada que limita a quantidade de rotas disponíveis."
   },
   "wallet": {
     "extensionNotFound": "Por favor, certifique-se de que apenas a extensão do navegador da {{name}} está ativa antes de escolher esta carteira."

package/i18n/tr.json

@@ -255,7 +255,8 @@
     },
     "routePriority": "Rota önceliği",
     "showDestinationWallet": "Hedef Adresi Göster",
-    "slippage": "Sapma toleransı"
+    "slippage": "Sapma toleransı",
+    "resetSettings": "Kullanılabilir rotaların sayısını sınırlayan özel bir ayar kullanıyorsunuz."
   },
   "wallet": {
     "extensionNotFound": "Lütfen bu cüzdanı seçmeden önce yalnızca {{name}} tarayıcı uzantısının etkin olduğundan emin olun."

package/i18n/uk.json

@@ -255,7 +255,8 @@
     },
     "routePriority": "Пріоритет маршруту",
     "showDestinationWallet": "Показати цільовий гаманець",
-    "slippage": "Прослизання"
+    "slippage": "Прослизання",
+    "resetSettings": "Ви використовуєте налаштування які можуть обмежувати кількість доступних маршрутів."
   },
   "wallet": {
     "extensionNotFound": "Перш ніж вибрати цей гаманець, переконайтеся, що в браузері активне лише розширення {{name}}."

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "2.4.6",
+  "version": "2.5.0",
   "description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -43,13 +43,13 @@
     "@ethersproject/address": "^5.7.0",
     "@ethersproject/experimental": "^5.7.0",
     "@ethersproject/providers": "^5.7.2",
-    "@lifi/sdk": "^2.4.0",
-    "@lifi/wallet-management": "^2.3.4",
-    "@mui/icons-material": "^5.14.9",
-    "@mui/lab": "^5.0.0-alpha.145",
-    "@mui/material": "^5.14.10",
-    "@tanstack/react-query": "^4.35.3",
-    "@tanstack/react-virtual": "^3.0.0-beta.60",
+    "@lifi/sdk": "^2.4.1",
+    "@lifi/wallet-management": "^2.3.5",
+    "@mui/icons-material": "^5.14.11",
+    "@mui/lab": "^5.0.0-alpha.146",
+    "@mui/material": "^5.14.11",
+    "@tanstack/react-query": "^4.35.7",
+    "@tanstack/react-virtual": "^3.0.0-beta.61",
     "big.js": "^6.2.1",
     "i18next": "^23.5.1",
     "i18next-browser-languagedetector": "^7.1.0",
@@ -57,13 +57,13 @@
     "mitt": "^3.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-hook-form": "^7.46.1",
+    "react-hook-form": "^7.47.0",
     "react-i18next": "^13.2.2",
     "react-intersection-observer": "^9.5.2",
     "react-router-dom": "^6.16.0",
     "react-timer-hook": "^3.0.7",
     "uuid": "^9.0.1",
-    "zustand": "^4.4.1"
+    "zustand": "^4.4.2"
   },
   "peerDependencies": {
     "@types/react": "^18.0.0",

package/pages/TransactionPage/StartTransactionButton.js

@@ -1,15 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { DefaultTransactionButton } from '../../components/DefaultTransactionButton';
-import { useFundsSufficiency, useGasSufficiency, useRoutes } from '../../hooks';
+import { useFromTokenSufficiency, useGasSufficiency, useRoutes, } from '../../hooks';
 import { useWidgetConfig } from '../../providers';
 import { useRouteExecutionStore } from '../../stores';
 export const StartTransactionButton = ({ onClick, route, text, loading, }) => {
     const { sdkConfig } = useWidgetConfig();
     const isMultisigSigner = sdkConfig?.multisigConfig?.isMultisigSigner;
     const { insufficientGas, isInitialLoading: isGasSufficiencyLoading } = useGasSufficiency(route);
-    const { insufficientFunds, isInitialLoading: isFundsSufficiencyLoading } = useFundsSufficiency(route);
-    const shouldDisableButton = !isMultisigSigner && (insufficientFunds || !!insufficientGas?.length);
-    return (_jsx(DefaultTransactionButton, { onClick: onClick, text: text, disabled: shouldDisableButton, loading: isFundsSufficiencyLoading || isGasSufficiencyLoading || loading }));
+    const { insufficientFromToken, isInitialLoading: isFromTokenSufficiencyLoading, } = useFromTokenSufficiency(route);
+    const shouldDisableButton = !isMultisigSigner && (insufficientFromToken || !!insufficientGas?.length);
+    return (_jsx(DefaultTransactionButton, { onClick: onClick, text: text, disabled: shouldDisableButton, loading: isFromTokenSufficiencyLoading || isGasSufficiencyLoading || loading }));
 };
 export const StartInsurableTransactionButton = ({ onClick, text, route, loading, disabled, insurableRouteId }) => {
     const routeExecution = useRouteExecutionStore((state) => state.routes[insurableRouteId]);

package/providers/SDKProvider/SDKProvider.js

@@ -7,16 +7,17 @@ let lifi;
 const SDKContext = createContext(null);
 export const useLiFi = () => useContext(SDKContext);
 export const SDKProvider = ({ children, }) => {
-    const { sdkConfig, fee, integrator, referrer, routePriority, slippage } = useWidgetConfig();
+    const { sdkConfig, integrator, apiKey, fee, referrer, routePriority, slippage, } = useWidgetConfig();
     const value = useMemo(() => {
         const config = {
             ...sdkConfig,
+            apiKey,
             integrator: integrator ?? window.location.hostname,
             defaultRouteOptions: {
-                fee,
                 integrator: integrator ?? window.location.hostname,
+                fee,
                 referrer,
-                routePriority,
+                order: routePriority,
                 slippage,
                 ...sdkConfig?.defaultRouteOptions,
             },
@@ -30,6 +31,6 @@ export const SDKProvider = ({ children, }) => {
         }
         lifi.setConfig(config);
         return lifi;
-    }, [fee, integrator, referrer, routePriority, sdkConfig, slippage]);
+    }, [apiKey, fee, integrator, referrer, routePriority, sdkConfig, slippage]);
     return _jsx(SDKContext.Provider, { value: value, children: children });
 };