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

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

@@ -12,10 +12,9 @@ require('@dynamic-labs/iconic');
 require('react/jsx-runtime');
 var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
-var localStorage$1 = require('../../constants/localStorage.cjs');
 require('../../constants/colors.cjs');
 require('../../constants/values.cjs');
-var localStorage = require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
@@ -80,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');
 
@@ -173,21 +174,16 @@ const usePasskeyRecovery = () => {
         }
     };
     const isSessionRestored = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _b, _c;
-        if (!((_c = (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _b === void 0 ? void 0 : _b.sessionKeyDuration) === null || _c === void 0 ? void 0 : _c.amount)) {
-            return false;
-        }
-        const sessionSettings = localStorage.LocalStorage.getFromLS(localStorage$1.EMBEDDED_WALLET_SESSION_SETTINGS);
-        if (!sessionSettings) {
-            return false;
-        }
-        const sessionExpiration = projectSettings.sdk.embeddedWallets.sessionKeyDuration.amount * 60;
-        const recoveryExpirationSeconds = (sessionSettings === null || sessionSettings === void 0 ? void 0 : sessionSettings.createdAt) + sessionExpiration * 1000;
-        const expirationTime = new Date(recoveryExpirationSeconds);
-        if (new Date() >= expirationTime) {
-            localStorage.LocalStorage.removeFromLS(localStorage$1.EMBEDDED_WALLET_SESSION_SETTINGS);
+        var _b, _c, _d, _e;
+        if (!((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _b === void 0 ? void 0 : _b.sessionKeyDuration) ||
+            !passkeyRecovery.canRestoreEmbeddedWalletSession((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _c === void 0 ? void 0 : _c.sessionKeyDuration)) {
             return false;
         }
+        const sessionExpiration = ((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _d === void 0 ? void 0 : _d.sessionKeyDuration.amount) *
+            (((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _e === void 0 ? void 0 : _e.sessionKeyDuration.unit) ===
+                'minutes'
+                ? 60
+                : 3600);
         try {
             return yield passkeyRecovery.restoreEmbeddedWalletSession({
                 authToken,

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

@@ -8,10 +8,9 @@ import '@dynamic-labs/iconic';
 import 'react/jsx-runtime';
 import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import { EMBEDDED_WALLET_SESSION_SETTINGS } from '../../constants/localStorage.js';
 import '../../constants/colors.js';
 import '../../constants/values.js';
-import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
@@ -36,7 +35,7 @@ import { useElementById } from '../useElementById/useElementById.js';
 import { useEmbeddedWallet } from '../useEmbeddedWallet/useEmbeddedWallet.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import { iframeContainerId, iframeElementId } from '../../../views/Passkey/PasskeyRecovery/constants.js';
-import { addNewPasskeyAuthenticator, restoreEmbeddedWalletSession } from '../../../views/Passkey/utils/passkeyRecovery/passkeyRecovery.js';
+import { addNewPasskeyAuthenticator, canRestoreEmbeddedWalletSession, restoreEmbeddedWalletSession } from '../../../views/Passkey/utils/passkeyRecovery/passkeyRecovery.js';
 import { useIsTurnkeyWallet } from '../useIsTurnkeyWallet/useIsTurnkeyWallet.js';
 import { useInitEmbeddedWalletAuthMethod } from '../useInitEmbeddedWalletAuthMethod/useInitEmbeddedWalletAuthMethod.js';
 import '@dynamic-labs/types';
@@ -76,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';
 
@@ -169,21 +170,16 @@ const usePasskeyRecovery = () => {
         }
     };
     const isSessionRestored = () => __awaiter(void 0, void 0, void 0, function* () {
-        var _b, _c;
-        if (!((_c = (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _b === void 0 ? void 0 : _b.sessionKeyDuration) === null || _c === void 0 ? void 0 : _c.amount)) {
-            return false;
-        }
-        const sessionSettings = LocalStorage.getFromLS(EMBEDDED_WALLET_SESSION_SETTINGS);
-        if (!sessionSettings) {
-            return false;
-        }
-        const sessionExpiration = projectSettings.sdk.embeddedWallets.sessionKeyDuration.amount * 60;
-        const recoveryExpirationSeconds = (sessionSettings === null || sessionSettings === void 0 ? void 0 : sessionSettings.createdAt) + sessionExpiration * 1000;
-        const expirationTime = new Date(recoveryExpirationSeconds);
-        if (new Date() >= expirationTime) {
-            LocalStorage.removeFromLS(EMBEDDED_WALLET_SESSION_SETTINGS);
+        var _b, _c, _d, _e;
+        if (!((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _b === void 0 ? void 0 : _b.sessionKeyDuration) ||
+            !canRestoreEmbeddedWalletSession((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _c === void 0 ? void 0 : _c.sessionKeyDuration)) {
             return false;
         }
+        const sessionExpiration = ((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _d === void 0 ? void 0 : _d.sessionKeyDuration.amount) *
+            (((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _e === void 0 ? void 0 : _e.sessionKeyDuration.unit) ===
+                'minutes'
+                ? 60
+                : 3600);
         try {
             return yield restoreEmbeddedWalletSession({
                 authToken,

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 {};