@dynamic-labs/sdk-react-core 1.2.0-alpha.1 → 1.3.0

package/src/lib/utils/hooks/useEstimateL1Fee/useEstimateL1Fee.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var viemUtils = require('@dynamic-labs/viem-utils');
+var usePromise = require('../usePromise/usePromise.cjs');
+var useInterval = require('../useInterval/useInterval.cjs');
+
+/**
+ * The interval to refresh the gas price in milliseconds.
+ */
+const REFRESH_INTERVAL = 20000;
+/**
+ * Estimates the L1 fee for the transaction. if the chain is supported.
+ */
+const useEstimateL1Fee = (publicClient, transaction) => {
+    var _a;
+    const [refetchKey, setRefetchKey] = React.useState(0);
+    const promiseState = usePromise.usePromise(() => viemUtils.estimateL1Fee(publicClient, transaction), {
+        deps: [refetchKey, transaction],
+        enabled: viemUtils.isL1FeeSupportedByChain(((_a = publicClient.chain) === null || _a === void 0 ? void 0 : _a.id) || 0),
+    });
+    useInterval.useInterval(() => {
+        setRefetchKey((key) => key + 1);
+    }, REFRESH_INTERVAL);
+    return promiseState;
+};
+
+exports.REFRESH_INTERVAL = REFRESH_INTERVAL;
+exports.useEstimateL1Fee = useEstimateL1Fee;

package/src/lib/utils/hooks/useEstimateL1Fee/useEstimateL1Fee.d.ts

@@ -0,0 +1,9 @@
+import { PublicClient, TransactionRequest } from 'viem';
+/**
+ * The interval to refresh the gas price in milliseconds.
+ */
+export declare const REFRESH_INTERVAL = 20000;
+/**
+ * Estimates the L1 fee for the transaction. if the chain is supported.
+ */
+export declare const useEstimateL1Fee: (publicClient: PublicClient, transaction: TransactionRequest) => import("../usePromise").PromiseState<bigint, Error>;

package/src/lib/utils/hooks/useEstimateL1Fee/useEstimateL1Fee.js

@@ -0,0 +1,26 @@
+import { useState } from 'react';
+import { isL1FeeSupportedByChain, estimateL1Fee } from '@dynamic-labs/viem-utils';
+import { usePromise } from '../usePromise/usePromise.js';
+import { useInterval } from '../useInterval/useInterval.js';
+
+/**
+ * The interval to refresh the gas price in milliseconds.
+ */
+const REFRESH_INTERVAL = 20000;
+/**
+ * Estimates the L1 fee for the transaction. if the chain is supported.
+ */
+const useEstimateL1Fee = (publicClient, transaction) => {
+    var _a;
+    const [refetchKey, setRefetchKey] = useState(0);
+    const promiseState = usePromise(() => estimateL1Fee(publicClient, transaction), {
+        deps: [refetchKey, transaction],
+        enabled: isL1FeeSupportedByChain(((_a = publicClient.chain) === null || _a === void 0 ? void 0 : _a.id) || 0),
+    });
+    useInterval(() => {
+        setRefetchKey((key) => key + 1);
+    }, REFRESH_INTERVAL);
+    return promiseState;
+};
+
+export { REFRESH_INTERVAL, useEstimateL1Fee };

package/src/lib/utils/hooks/useHandleWalletsToConnect/useHandleWalletsToConnect.cjs

@@ -66,6 +66,8 @@ require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWi
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 

package/src/lib/utils/hooks/useHandleWalletsToConnect/useHandleWalletsToConnect.js

@@ -62,6 +62,8 @@ import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWid
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 

package/src/lib/utils/hooks/useInitEmbeddedWalletAuthMethod/useInitEmbeddedWalletAuthMethod.cjs

@@ -72,6 +72,8 @@ require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWi
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 

package/src/lib/utils/hooks/useInitEmbeddedWalletAuthMethod/useInitEmbeddedWalletAuthMethod.js

@@ -68,6 +68,8 @@ import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWid
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 

package/src/lib/utils/hooks/useInterval/useInterval.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var useIsomorphicLayoutEffect = require('../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs');
+
+// https://usehooks-ts.com/react-hook/use-interval
+const useInterval = (callback, delay) => {
+    const savedCallback = React.useRef(callback);
+    // Remember the latest callback if it changes.
+    useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(() => {
+        savedCallback.current = callback;
+    }, [callback]);
+    // Set up the interval.
+    React.useEffect(() => {
+        // Don't schedule if no delay is specified.
+        // Note: 0 is a valid value for delay.
+        if (!delay && delay !== 0) {
+            return;
+        }
+        const id = setInterval(() => savedCallback.current(), delay);
+        return () => clearInterval(id);
+    }, [delay]);
+};
+
+exports.useInterval = useInterval;

package/src/lib/utils/hooks/useInterval/useInterval.js

@@ -0,0 +1,23 @@
+import { useRef, useEffect } from 'react';
+import { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js';
+
+// https://usehooks-ts.com/react-hook/use-interval
+const useInterval = (callback, delay) => {
+    const savedCallback = useRef(callback);
+    // Remember the latest callback if it changes.
+    useIsomorphicLayoutEffect(() => {
+        savedCallback.current = callback;
+    }, [callback]);
+    // Set up the interval.
+    useEffect(() => {
+        // Don't schedule if no delay is specified.
+        // Note: 0 is a valid value for delay.
+        if (!delay && delay !== 0) {
+            return;
+        }
+        const id = setInterval(() => savedCallback.current(), delay);
+        return () => clearInterval(id);
+    }, [delay]);
+};
+
+export { useInterval };

package/src/lib/utils/hooks/useIsLoggedIn/useIsLoggedIn.cjs

@@ -67,6 +67,8 @@ require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWi
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 

package/src/lib/utils/hooks/useIsLoggedIn/useIsLoggedIn.js

@@ -63,6 +63,8 @@ import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWid
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 

package/src/lib/utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.cjs

@@ -68,6 +68,8 @@ require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWi
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 

package/src/lib/utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.js

@@ -64,6 +64,8 @@ import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWid
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 

package/src/lib/utils/hooks/useKYCFlag/useKYCFlag.cjs

@@ -69,6 +69,8 @@ require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWi
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 

package/src/lib/utils/hooks/useKYCFlag/useKYCFlag.js

@@ -65,6 +65,8 @@ import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWid
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 

package/src/lib/utils/hooks/useOnlyConnectedMode/useOnlyConnectedMode.cjs

@@ -66,6 +66,8 @@ require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWi
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 

package/src/lib/utils/hooks/useOnlyConnectedMode/useOnlyConnectedMode.js

@@ -62,6 +62,8 @@ import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWid
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 

package/src/lib/utils/hooks/usePasskeyRecovery/usePasskeyRecovery.cjs

@@ -79,6 +79,8 @@ require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWi
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 

package/src/lib/utils/hooks/usePasskeyRecovery/usePasskeyRecovery.js

@@ -75,6 +75,8 @@ import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWid
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 

package/src/lib/utils/hooks/useSocialAccounts/useSocialAccounts.cjs

@@ -72,6 +72,8 @@ require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWi
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 

package/src/lib/utils/hooks/useSocialAccounts/useSocialAccounts.js

@@ -68,6 +68,8 @@ import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWid
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 

package/src/lib/utils/hooks/useSocialAuth/useSocialAuth.cjs

@@ -77,6 +77,8 @@ require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWi
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 

package/src/lib/utils/hooks/useSocialAuth/useSocialAuth.js

@@ -73,6 +73,8 @@ import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWid
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 

package/src/lib/utils/hooks/useTransactionEstimatedGas/useTransactionEstimatedGas.cjs

@@ -27,7 +27,7 @@ const useTransactionEstimatedGas = (provider, transaction) => usePromise.useProm
     const { from } = transaction, transactionWithoutFrom = _tslib.__rest(transaction, ["from"]);
     return provider.estimateGas(Object.assign(Object.assign({}, transactionWithoutFrom), { account: from }));
 }), {
-    deps: [transaction, provider],
+    deps: [transaction],
 });
 
 exports.useTransactionEstimatedGas = useTransactionEstimatedGas;

package/src/lib/utils/hooks/useTransactionEstimatedGas/useTransactionEstimatedGas.js

@@ -23,7 +23,7 @@ const useTransactionEstimatedGas = (provider, transaction) => usePromise(() => _
     const { from } = transaction, transactionWithoutFrom = __rest(transaction, ["from"]);
     return provider.estimateGas(Object.assign(Object.assign({}, transactionWithoutFrom), { account: from }));
 }), {
-    deps: [transaction, provider],
+    deps: [transaction],
 });
 
 export { useTransactionEstimatedGas };

package/src/lib/utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs

@@ -2,55 +2,129 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var React = require('react');
+var useInterval = require('../useInterval/useInterval.cjs');
+require('../../../events/dynamicEvents.cjs');
+require('../../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/utils');
+require('../../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../constants/colors.cjs');
+require('../../constants/values.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('viem');
+require('../../../shared/consts/index.cjs');
+require('../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../context/ErrorContext/ErrorContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('viem/chains');
+require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../../config/ApiEndpoint.cjs');
+require('../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('react-dom');
+require('../../../context/ThemeContext/ThemeContext.cjs');
 var usePromise = require('../usePromise/usePromise.cjs');
+require('@dynamic-labs/types');
+require('yup');
+require('react-i18next');
+require('../../../context/MockContext/MockContext.cjs');
+require('../useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../../components/Alert/Alert.cjs');
+require('../../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../../components/IconButton/IconButton.cjs');
+require('../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../components/IsBrowser/IsBrowser.cjs');
+require('../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../../components/Popper/Popper/Popper.cjs');
+require('../../../components/Popper/PopperContext/PopperContext.cjs');
+require('react-focus-lock');
+require('formik');
+require('i18next');
+require('../../../components/OverlayCard/OverlayCard.context.cjs');
+require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../../views/WalletList/WalletList.cjs');
+require('qrcode');
+require('@hcaptcha/react-hcaptcha');
+require('../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('../../../context/FooterAnimationContext/index.cjs');
+require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
+require('@dynamic-labs/viem-utils');
+require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
-const increaseGasPrice = (gasPrice, increasePercentage) => {
-    const increaseFactor = 100 + increasePercentage;
-    return (gasPrice * BigInt(increaseFactor)) / BigInt(100);
-};
+/**
+ * The interval to refresh the gas price in milliseconds.
+ */
+const REFRESH_INTERVAL = 20000;
+/**
+ * The multiplier to apply to the gas price.
+ * This will define how aggressive the gas price will be.
+ * This value should be between 1 and 2, where 1 is less aggressive and 2 is more aggressive.
+ */
+const gasMultiplier = BigInt(2);
 /**
  * A React Hook that returns a transaction object with the gas price set to the current gas price from the provider.
- * The gas price is increased by a certain percentage specified by the user. The hook also allows the user to enable
- * or disable this functionality.
  *
  * @param {Object} props - The properties for the hook.
  * @param {PublicClient} props.provider - The provider to use for getting the current gas price.
  * @param {TransactionRequest} props.transaction - The transaction object.
- * @param {number} props.increasePercentage - The percentage by which to increase the current gas price.
- * @param {boolean} [props.enabled=true] - A flag to enable or disable the gas price increase functionality.
  *
  * @returns {TransactionRequest} A new transaction object with the gas price.
- * If the `enabled` flag is set to false, or if the gas price is not available, or if the transaction already has a
- * gas price set, the original transaction object is returned.
  *
  * @example
  * const updatedTransaction = useTransactionWithGasPrice({
  *   provider: myProvider,
  *   transaction: myTransaction,
- *   increasePercentage: 10,
- *   enabled: true,
  * });
  */
-const useTransactionWithGasPrice = ({ increasePercentage = 0, provider, transaction, enabled = true, }) => {
+const useTransactionWithGasPrice = ({ provider, transaction, enabled = true, }) => {
     const isGasPriceDefinedInTransaction = Boolean(transaction.gasPrice);
-    const shouldLoadGasPrice = enabled && increasePercentage > 0 && !isGasPriceDefinedInTransaction;
-    const { data: gasPrice } = usePromise.usePromise(() => provider.getGasPrice(), {
-        deps: [transaction, provider],
-        enabled: shouldLoadGasPrice,
+    const isMaxFeePerGasDefinedInTransaction = Boolean(transaction.maxFeePerGas);
+    const [estimationKey, setEstimationKey] = React.useState(0);
+    const shouldApplyGasFee = isGasPriceDefinedInTransaction === false &&
+        isMaxFeePerGasDefinedInTransaction === false &&
+        enabled === true;
+    const { data: feesPerGas } = usePromise.usePromise(() => provider.estimateFeesPerGas(), {
+        deps: [estimationKey],
+        enabled: shouldApplyGasFee,
     });
-    if (!gasPrice) {
+    /**
+     * This interval triggers the refresh of the transaction gas fees every 20 seconds.
+     */
+    useInterval.useInterval(() => {
+        setEstimationKey((estimationKey) => estimationKey + 1);
+    }, REFRESH_INTERVAL);
+    return React.useMemo(() => {
+        if (!shouldApplyGasFee) {
+            return transaction;
+        }
+        if (feesPerGas &&
+            feesPerGas.maxFeePerGas &&
+            feesPerGas.maxPriorityFeePerGas) {
+            return Object.assign(Object.assign({}, transaction), { maxFeePerGas: feesPerGas.maxFeePerGas * gasMultiplier, maxPriorityFeePerGas: feesPerGas.maxPriorityFeePerGas * gasMultiplier });
+        }
         return transaction;
-    }
-    if (transaction.type === 'legacy' ||
-        transaction.type === 'eip2930' ||
-        transaction.type === undefined ||
-        transaction.maxFeePerGas === undefined) {
-        return Object.assign(Object.assign({}, transaction), { gasPrice: increaseGasPrice(gasPrice, increasePercentage) });
-    }
-    if (transaction.type === 'eip1559') {
-        return Object.assign(Object.assign({}, transaction), { maxFeePerGas: increaseGasPrice(gasPrice, increasePercentage) });
-    }
-    return transaction;
+    }, [feesPerGas, transaction, shouldApplyGasFee]);
 };
 
+exports.REFRESH_INTERVAL = REFRESH_INTERVAL;
 exports.useTransactionWithGasPrice = useTransactionWithGasPrice;

package/src/lib/utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.d.ts

@@ -1,32 +1,27 @@
 import { PublicClient, TransactionRequest } from 'viem';
+/**
+ * The interval to refresh the gas price in milliseconds.
+ */
+export declare const REFRESH_INTERVAL = 20000;
 type UseTransactionWithGasPriceProps = {
     provider: PublicClient;
     transaction: TransactionRequest;
-    increasePercentage?: number;
     enabled?: boolean;
 };
 /**
  * A React Hook that returns a transaction object with the gas price set to the current gas price from the provider.
- * The gas price is increased by a certain percentage specified by the user. The hook also allows the user to enable
- * or disable this functionality.
  *
  * @param {Object} props - The properties for the hook.
  * @param {PublicClient} props.provider - The provider to use for getting the current gas price.
  * @param {TransactionRequest} props.transaction - The transaction object.
- * @param {number} props.increasePercentage - The percentage by which to increase the current gas price.
- * @param {boolean} [props.enabled=true] - A flag to enable or disable the gas price increase functionality.
  *
  * @returns {TransactionRequest} A new transaction object with the gas price.
- * If the `enabled` flag is set to false, or if the gas price is not available, or if the transaction already has a
- * gas price set, the original transaction object is returned.
  *
  * @example
  * const updatedTransaction = useTransactionWithGasPrice({
  *   provider: myProvider,
  *   transaction: myTransaction,
- *   increasePercentage: 10,
- *   enabled: true,
  * });
  */
-export declare const useTransactionWithGasPrice: ({ increasePercentage, provider, transaction, enabled, }: UseTransactionWithGasPriceProps) => TransactionRequest;
+export declare const useTransactionWithGasPrice: ({ provider, transaction, enabled, }: UseTransactionWithGasPriceProps) => TransactionRequest;
 export {};