@lifi/widget 2.6.1 → 2.6.2

package/cjs/components/GasMessage/GasMessage.js

@@ -4,15 +4,12 @@ exports.GasMessage = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const hooks_1 = require("../../hooks");
-const providers_1 = require("../../providers");
 const FundsSufficiencyMessage_1 = require("./FundsSufficiencyMessage");
 const GasSufficiencyMessage_1 = require("./GasSufficiencyMessage");
 const GasMessage = ({ route, ...props }) => {
     const { insufficientGas } = (0, hooks_1.useGasSufficiency)(route);
     const { insufficientFromToken } = (0, hooks_1.useFromTokenSufficiency)(route);
-    const { sdkConfig } = (0, providers_1.useWidgetConfig)();
-    const isMultisigSigner = sdkConfig?.multisigConfig?.isMultisigSigner;
-    const validInsufficientGas = insufficientGas?.length && !isMultisigSigner;
+    const validInsufficientGas = insufficientGas?.length;
     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.6.1";
+export declare const version = "2.6.2";

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.6.1';
+exports.version = '2.6.2';

package/cjs/hooks/useGasSufficiency.js

@@ -11,6 +11,8 @@ const useGasSufficiency = (route) => {
     const { account } = (0, providers_1.useWallet)();
     const { getChainById } = (0, _1.useChains)();
     const getTokenBalancesWithRetry = (0, _1.useGetTokenBalancesWithRetry)(account.signer?.provider);
+    const { sdkConfig } = (0, providers_1.useWidgetConfig)();
+    const isMultisigSigner = sdkConfig?.multisigConfig?.isMultisigSigner;
     const { enabledAutoRefuel } = (0, stores_1.useSettings)(['enabledAutoRefuel']);
     const { enabled, isLoading: isRefuelLoading } = (0, _1.useGasRefuel)();
     const enabledRefuel = enabled && enabledAutoRefuel;
@@ -25,7 +27,7 @@ const useGasSufficiency = (route) => {
         const gasCosts = route.steps
             .filter((step) => !step.execution || step.execution.status !== 'DONE')
             .reduce((groupedGasCosts, step) => {
-            if (step.estimate.gasCosts) {
+            if (step.estimate.gasCosts && !isMultisigSigner) {
                 const { token } = step.estimate.gasCosts[0];
                 const gasCostAmount = step.estimate.gasCosts
                     .reduce((amount, gasCost) => amount.plus((0, big_js_1.default)(gasCost.amount || 0)), (0, big_js_1.default)(0))

package/cjs/pages/TransactionPage/StartTransactionButton.js

@@ -4,14 +4,11 @@ exports.StartInsurableTransactionButton = exports.StartTransactionButton = void
 const jsx_runtime_1 = require("react/jsx-runtime");
 const BaseTransactionButton_1 = require("../../components/BaseTransactionButton");
 const hooks_1 = require("../../hooks");
-const providers_1 = require("../../providers");
 const stores_1 = require("../../stores");
 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 { insufficientFromToken, isInitialLoading: isFromTokenSufficiencyLoading, } = (0, hooks_1.useFromTokenSufficiency)(route);
-    const shouldDisableButton = !isMultisigSigner && (insufficientFromToken || !!insufficientGas?.length);
+    const shouldDisableButton = insufficientFromToken || !!insufficientGas?.length;
     return ((0, jsx_runtime_1.jsx)(BaseTransactionButton_1.BaseTransactionButton, { onClick: onClick, text: text, disabled: shouldDisableButton, loading: isFromTokenSufficiencyLoading || isGasSufficiencyLoading || loading }));
 };
 exports.StartTransactionButton = StartTransactionButton;

package/components/GasMessage/GasMessage.js

@@ -1,14 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box, Collapse } from '@mui/material';
 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 { insufficientFromToken } = useFromTokenSufficiency(route);
-    const { sdkConfig } = useWidgetConfig();
-    const isMultisigSigner = sdkConfig?.multisigConfig?.isMultisigSigner;
-    const validInsufficientGas = insufficientGas?.length && !isMultisigSigner;
+    const validInsufficientGas = insufficientGas?.length;
     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.6.1";
+export declare const version = "2.6.2";

package/config/version.js

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

package/hooks/useGasSufficiency.js

@@ -1,13 +1,15 @@
 import { useQuery } from '@tanstack/react-query';
 import Big from 'big.js';
 import { useChains, useGasRefuel, useGetTokenBalancesWithRetry } from '.';
-import { useWallet } from '../providers';
+import { useWallet, useWidgetConfig } from '../providers';
 import { useSettings } from '../stores';
 const refetchInterval = 30000;
 export const useGasSufficiency = (route) => {
     const { account } = useWallet();
     const { getChainById } = useChains();
     const getTokenBalancesWithRetry = useGetTokenBalancesWithRetry(account.signer?.provider);
+    const { sdkConfig } = useWidgetConfig();
+    const isMultisigSigner = sdkConfig?.multisigConfig?.isMultisigSigner;
     const { enabledAutoRefuel } = useSettings(['enabledAutoRefuel']);
     const { enabled, isLoading: isRefuelLoading } = useGasRefuel();
     const enabledRefuel = enabled && enabledAutoRefuel;
@@ -22,7 +24,7 @@ export const useGasSufficiency = (route) => {
         const gasCosts = route.steps
             .filter((step) => !step.execution || step.execution.status !== 'DONE')
             .reduce((groupedGasCosts, step) => {
-            if (step.estimate.gasCosts) {
+            if (step.estimate.gasCosts && !isMultisigSigner) {
                 const { token } = step.estimate.gasCosts[0];
                 const gasCostAmount = step.estimate.gasCosts
                     .reduce((amount, gasCost) => amount.plus(Big(gasCost.amount || 0)), Big(0))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifi/widget",
-  "version": "2.6.1",
+  "version": "2.6.2",
   "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",

package/pages/TransactionPage/StartTransactionButton.js

@@ -1,14 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { BaseTransactionButton } from '../../components/BaseTransactionButton';
 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 { insufficientFromToken, isInitialLoading: isFromTokenSufficiencyLoading, } = useFromTokenSufficiency(route);
-    const shouldDisableButton = !isMultisigSigner && (insufficientFromToken || !!insufficientGas?.length);
+    const shouldDisableButton = insufficientFromToken || !!insufficientGas?.length;
     return (_jsx(BaseTransactionButton, { onClick: onClick, text: text, disabled: shouldDisableButton, loading: isFromTokenSufficiencyLoading || isGasSufficiencyLoading || loading }));
 };
 export const StartInsurableTransactionButton = ({ onClick, text, route, loading, disabled, insurableRouteId }) => {