@dynamic-labs/sdk-react-core 3.0.0-alpha.63 → 3.0.0-alpha.65

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

@@ -7,8 +7,8 @@ var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var utils = require('@dynamic-labs/utils');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 var UserWalletsContext = require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('@dynamic-labs/sdk-api-core');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('react/jsx-runtime');
@@ -86,6 +86,11 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
                 yield disconnectWallet(storedConnectedWalletInfo.id);
                 return null;
             }
+            if (walletConnectorCore.isHardwareWalletConnector(walletConnector) &&
+                storedConnectedWalletInfo.hardwareWallet ===
+                    sdkApiCore.HardwareWalletEnum.Ledger) {
+                walletConnector.isHardwareWalletEnabled = true;
+            }
             const [walletAddress] = yield walletConnector.getConnectedAccounts();
             if (!walletAddress) {
                 yield disconnectWallet(storedConnectedWalletInfo.id);
@@ -141,7 +146,15 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
     // Keeps connected wallet data inside localStorage
     const applyConnectedWalletToStore = ({ walletId, walletConnectorKey, walletChain, provider, }) => {
         const updatedConnectedWalletsInfo = [...connectedWalletsInfo];
+        const walletConnectors = walletConnectorOptions.map((wallet) => wallet.walletConnector);
+        const walletConnector = walletConnectorCore.getWalletConnectorByKey(walletConnectors, walletConnectorKey);
+        const hardwareWallet = walletConnector &&
+            walletConnectorCore.isHardwareWalletConnector(walletConnector) &&
+            walletConnector.isHardwareWalletEnabled
+            ? sdkApiCore.HardwareWalletEnum.Ledger
+            : undefined;
         updatedConnectedWalletsInfo.push({
+            hardwareWallet,
             id: walletId,
             provider,
             walletChain,

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

@@ -1,5 +1,6 @@
 import { UserProfile } from '@dynamic-labs/types';
 import { Chain, GetAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { HardwareWalletEnum } from '@dynamic-labs/sdk-api-core';
 import { SetShowAuthFlow } from '../../../context/DynamicContext/hooks';
 import { ConnectWalletResult } from '../../../context/DynamicContext/types';
 import { AuthModeType, HandleConnectedWallet, WalletOption, Wallet } from '../../../shared';
@@ -8,6 +9,7 @@ export type ConnectedWalletConnectorType = {
     walletChain?: Chain;
     walletConnectorKey: string;
     provider: string;
+    hardwareWallet: HardwareWalletEnum | undefined;
 };
 export type UseConnectWalletProps = {
     authMode: AuthModeType;

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

@@ -2,9 +2,9 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useState, useCallback, useEffect } from 'react';
 import { MissingPublicAddressError } from '@dynamic-labs/utils';
-import { getWalletConnectorByKey, logger } from '@dynamic-labs/wallet-connector-core';
+import { getWalletConnectorByKey, logger, isHardwareWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { HardwareWalletEnum } from '@dynamic-labs/sdk-api-core';
 import { useInternalUserWallets } from '../../../context/UserWalletsContext/UserWalletsContext.js';
-import '@dynamic-labs/sdk-api-core';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import 'react/jsx-runtime';
@@ -82,6 +82,11 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
                 yield disconnectWallet(storedConnectedWalletInfo.id);
                 return null;
             }
+            if (isHardwareWalletConnector(walletConnector) &&
+                storedConnectedWalletInfo.hardwareWallet ===
+                    HardwareWalletEnum.Ledger) {
+                walletConnector.isHardwareWalletEnabled = true;
+            }
             const [walletAddress] = yield walletConnector.getConnectedAccounts();
             if (!walletAddress) {
                 yield disconnectWallet(storedConnectedWalletInfo.id);
@@ -137,7 +142,15 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
     // Keeps connected wallet data inside localStorage
     const applyConnectedWalletToStore = ({ walletId, walletConnectorKey, walletChain, provider, }) => {
         const updatedConnectedWalletsInfo = [...connectedWalletsInfo];
+        const walletConnectors = walletConnectorOptions.map((wallet) => wallet.walletConnector);
+        const walletConnector = getWalletConnectorByKey(walletConnectors, walletConnectorKey);
+        const hardwareWallet = walletConnector &&
+            isHardwareWalletConnector(walletConnector) &&
+            walletConnector.isHardwareWalletEnabled
+            ? HardwareWalletEnum.Ledger
+            : undefined;
         updatedConnectedWalletsInfo.push({
+            hardwareWallet,
             id: walletId,
             provider,
             walletChain,

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

@@ -48,6 +48,7 @@ const useFetchNonce = (environmentId, maxRetries = 2) => {
     }), {
         deps: [environmentId, nonceExists],
         enabled: !nonceExists,
+        initialData: undefined,
         onResolve: setLsNonce,
         retries: maxRetries,
     });

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

@@ -44,6 +44,7 @@ const useFetchNonce = (environmentId, maxRetries = 2) => {
     }), {
         deps: [environmentId, nonceExists],
         enabled: !nonceExists,
+        initialData: undefined,
         onResolve: setLsNonce,
         retries: maxRetries,
     });

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

@@ -3,36 +3,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
-require('@dynamic-labs/sdk-api-core');
 var logger = 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('../../../store/state/loadingAndLifecycle.cjs');
-require('@dynamic-labs/utils');
-require('../../../shared/consts/index.cjs');
 var resolveFetcher = require('./utils/resolveFetcher/resolveFetcher.cjs');
-var createReducer = require('./utils/createReducer/createReducer.cjs');
 
 /**
  * Custom hook for handling promises and fetching data.
  * @template T - The type of the data returned by the promise.
  * @template E - The type of the error thrown by the promise.
- * @param {() => T | Promise<T>} fetcher - A function that returns the data or a promise that resolves to the data.
- * @param {UsePromiseOptions<T, E>} [options={}] - Options for the hook.
- * @param {number} [options.retries] - The number of times to retry the fetch in case of failure.
- * @param {T} [options.initialData] - The initial data the hook will use until the promise is resolved.
- * @param {DependencyList} [options.deps=[]] - An array of dependencies for the hook.
- * @param {boolean} [options.enabled] - Flag indicating whether the fetch should be enabled or not.
- * @param {(data: T) => void} [options.onResolve] - Callback to be called when the fetch is resolved successfully.
- * @param {(error: E) => void} [options.onReject] - Callback to be called when the fetch is rejected with an error.
- * @returns {PromiseState<T, E>} - The state object containing the data, error, and loading status.
+ * @returns {PromiseState<T, E>} - The state object containing the data, error, loading status
+ * and a callback to manually retrigger the promise.
  * @example
  * // Example usage with a simple fetcher function
  * const fetcher = fetch('https://api.example.com/data');
@@ -51,56 +32,49 @@ var createReducer = require('./utils/createReducer/createReducer.cjs');
  * return <div>Data: {data}</div>;
  * };
  */
-const usePromise = (fetcher, options) => {
+const usePromise = (
+/** A function that returns the data or a promise that resolves to the data */
+fetcher, 
+/** Options for the hook */
+options) => {
     const lastCallTimestamp = React.useRef(new Date().getTime());
-    const { deps = [], initialData = undefined, enabled = true, retries = 0, onReject = () => { }, onResolve = () => { }, } = options || {};
-    const [state, dispatch] = React.useReducer(createReducer.createReducer(), {
-        data: initialData,
-        isLoading: enabled,
-    });
-    const callback = React.useCallback(() => {
+    const { deps = [], initialData = undefined, enabled = true, retries = 0, onBeforeFetch = () => { }, onReject = () => { }, onResolve = () => { }, } = options || {};
+    const [data, setData] = React.useState(initialData);
+    const [isLoading, setIsLoading] = React.useState(enabled);
+    const [error, setError] = React.useState(undefined);
+    const trigger = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const callTimestamp = new Date().getTime();
         const diffFromLastCall = callTimestamp - lastCallTimestamp.current;
         if (diffFromLastCall < 5) {
-            logger.logger.debug('usePromise: Fetcher function was called too soon. Please make sure you are not calling the fetcher function inside a loop or a synchronous function.', deps);
+            logger.logger.warn('usePromise: Fetcher function was called in very quick succession. Please make sure the fetcher function is not synchronous and that you are not calling it inside a loop.', deps);
         }
         lastCallTimestamp.current = callTimestamp;
-        if (!state.isLoading) {
-            dispatch({
-                payload: true,
-                type: 'SET_LOADING',
-            });
-        }
-        resolveFetcher.resolveFetcher(fetcher, { retries }, (error, data) => {
+        setIsLoading(true);
+        onBeforeFetch();
+        return resolveFetcher.resolveFetcher(fetcher, { retries }, (resultError, resultData) => {
             if (callTimestamp !== lastCallTimestamp.current)
                 return;
-            if (error) {
-                logger.logger.error(error);
-                dispatch({
-                    payload: error,
-                    type: 'SET_ERROR',
-                });
-                onReject === null || onReject === void 0 ? void 0 : onReject(error);
+            if (resultError) {
+                logger.logger.error(resultError);
+                setError(resultError);
+                onReject === null || onReject === void 0 ? void 0 : onReject(resultError);
                 return;
             }
-            dispatch({
-                payload: data,
-                type: 'SET_DATA',
-            });
-            onResolve === null || onResolve === void 0 ? void 0 : onResolve(data);
-            dispatch({
-                payload: false,
-                type: 'SET_LOADING',
-            });
-        });
+            setData(resultData);
+            onResolve === null || onResolve === void 0 ? void 0 : onResolve(resultData);
+        }).finally(() => setIsLoading(false));
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, deps);
+    }), deps);
     React.useEffect(() => {
-        if (enabled) {
-            callback();
-        }
-    }, [callback, enabled]);
-    return state;
+        if (enabled)
+            trigger();
+    }, [trigger, enabled]);
+    return React.useMemo(() => ({
+        data: data,
+        error,
+        isLoading,
+        retrigger: trigger,
+    }), [data, error, isLoading, trigger]);
 };
 
 exports.usePromise = usePromise;

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

@@ -1,17 +1,10 @@
-import { UsePromiseOptions, PromiseState } from './usePromise.types';
+import { PromiseState, UsePromiseOptions } from './usePromise.types';
 /**
  * Custom hook for handling promises and fetching data.
  * @template T - The type of the data returned by the promise.
  * @template E - The type of the error thrown by the promise.
- * @param {() => T | Promise<T>} fetcher - A function that returns the data or a promise that resolves to the data.
- * @param {UsePromiseOptions<T, E>} [options={}] - Options for the hook.
- * @param {number} [options.retries] - The number of times to retry the fetch in case of failure.
- * @param {T} [options.initialData] - The initial data the hook will use until the promise is resolved.
- * @param {DependencyList} [options.deps=[]] - An array of dependencies for the hook.
- * @param {boolean} [options.enabled] - Flag indicating whether the fetch should be enabled or not.
- * @param {(data: T) => void} [options.onResolve] - Callback to be called when the fetch is resolved successfully.
- * @param {(error: E) => void} [options.onReject] - Callback to be called when the fetch is rejected with an error.
- * @returns {PromiseState<T, E>} - The state object containing the data, error, and loading status.
+ * @returns {PromiseState<T, E>} - The state object containing the data, error, loading status
+ * and a callback to manually retrigger the promise.
  * @example
  * // Example usage with a simple fetcher function
  * const fetcher = fetch('https://api.example.com/data');

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

@@ -1,34 +1,15 @@
 'use client'
-import { useRef, useReducer, useCallback, useEffect } from 'react';
-import '@dynamic-labs/sdk-api-core';
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useRef, useState, useCallback, useEffect, useMemo } from 'react';
 import { logger } from '../../../shared/logger.js';
-import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
-import 'react/jsx-runtime';
-import '../../../context/ViewContext/ViewContext.js';
-import '@dynamic-labs/wallet-book';
-import '../../constants/colors.js';
-import '../../constants/values.js';
-import '../../../shared/utils/classes/storage/localStorage.js';
-import '../../../store/state/loadingAndLifecycle.js';
-import '@dynamic-labs/utils';
-import '../../../shared/consts/index.js';
 import { resolveFetcher } from './utils/resolveFetcher/resolveFetcher.js';
-import { createReducer } from './utils/createReducer/createReducer.js';
 
 /**
  * Custom hook for handling promises and fetching data.
  * @template T - The type of the data returned by the promise.
  * @template E - The type of the error thrown by the promise.
- * @param {() => T | Promise<T>} fetcher - A function that returns the data or a promise that resolves to the data.
- * @param {UsePromiseOptions<T, E>} [options={}] - Options for the hook.
- * @param {number} [options.retries] - The number of times to retry the fetch in case of failure.
- * @param {T} [options.initialData] - The initial data the hook will use until the promise is resolved.
- * @param {DependencyList} [options.deps=[]] - An array of dependencies for the hook.
- * @param {boolean} [options.enabled] - Flag indicating whether the fetch should be enabled or not.
- * @param {(data: T) => void} [options.onResolve] - Callback to be called when the fetch is resolved successfully.
- * @param {(error: E) => void} [options.onReject] - Callback to be called when the fetch is rejected with an error.
- * @returns {PromiseState<T, E>} - The state object containing the data, error, and loading status.
+ * @returns {PromiseState<T, E>} - The state object containing the data, error, loading status
+ * and a callback to manually retrigger the promise.
  * @example
  * // Example usage with a simple fetcher function
  * const fetcher = fetch('https://api.example.com/data');
@@ -47,56 +28,49 @@ import { createReducer } from './utils/createReducer/createReducer.js';
  * return <div>Data: {data}</div>;
  * };
  */
-const usePromise = (fetcher, options) => {
+const usePromise = (
+/** A function that returns the data or a promise that resolves to the data */
+fetcher, 
+/** Options for the hook */
+options) => {
     const lastCallTimestamp = useRef(new Date().getTime());
-    const { deps = [], initialData = undefined, enabled = true, retries = 0, onReject = () => { }, onResolve = () => { }, } = options || {};
-    const [state, dispatch] = useReducer(createReducer(), {
-        data: initialData,
-        isLoading: enabled,
-    });
-    const callback = useCallback(() => {
+    const { deps = [], initialData = undefined, enabled = true, retries = 0, onBeforeFetch = () => { }, onReject = () => { }, onResolve = () => { }, } = options || {};
+    const [data, setData] = useState(initialData);
+    const [isLoading, setIsLoading] = useState(enabled);
+    const [error, setError] = useState(undefined);
+    const trigger = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         const callTimestamp = new Date().getTime();
         const diffFromLastCall = callTimestamp - lastCallTimestamp.current;
         if (diffFromLastCall < 5) {
-            logger.debug('usePromise: Fetcher function was called too soon. Please make sure you are not calling the fetcher function inside a loop or a synchronous function.', deps);
+            logger.warn('usePromise: Fetcher function was called in very quick succession. Please make sure the fetcher function is not synchronous and that you are not calling it inside a loop.', deps);
         }
         lastCallTimestamp.current = callTimestamp;
-        if (!state.isLoading) {
-            dispatch({
-                payload: true,
-                type: 'SET_LOADING',
-            });
-        }
-        resolveFetcher(fetcher, { retries }, (error, data) => {
+        setIsLoading(true);
+        onBeforeFetch();
+        return resolveFetcher(fetcher, { retries }, (resultError, resultData) => {
             if (callTimestamp !== lastCallTimestamp.current)
                 return;
-            if (error) {
-                logger.error(error);
-                dispatch({
-                    payload: error,
-                    type: 'SET_ERROR',
-                });
-                onReject === null || onReject === void 0 ? void 0 : onReject(error);
+            if (resultError) {
+                logger.error(resultError);
+                setError(resultError);
+                onReject === null || onReject === void 0 ? void 0 : onReject(resultError);
                 return;
             }
-            dispatch({
-                payload: data,
-                type: 'SET_DATA',
-            });
-            onResolve === null || onResolve === void 0 ? void 0 : onResolve(data);
-            dispatch({
-                payload: false,
-                type: 'SET_LOADING',
-            });
-        });
+            setData(resultData);
+            onResolve === null || onResolve === void 0 ? void 0 : onResolve(resultData);
+        }).finally(() => setIsLoading(false));
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, deps);
+    }), deps);
     useEffect(() => {
-        if (enabled) {
-            callback();
-        }
-    }, [callback, enabled]);
-    return state;
+        if (enabled)
+            trigger();
+    }, [trigger, enabled]);
+    return useMemo(() => ({
+        data: data,
+        error,
+        isLoading,
+        retrigger: trigger,
+    }), [data, error, isLoading, trigger]);
 };
 
 export { usePromise };

package/src/lib/utils/hooks/usePromise/usePromise.types.d.ts

@@ -1,14 +1,31 @@
 import { DependencyList } from 'react';
 export type PromiseState<T, E> = {
-    data?: T;
-    error?: E;
+    data: T;
+    error: E | undefined;
     isLoading: boolean;
+    /**
+     * Re-fetches the value.
+     * @return the result. If the fetch fails, returns undefined.
+     */
+    retrigger: () => Promise<T | undefined>;
 };
-export type UsePromiseOptions<T, E> = {
+export type UsePromiseOptions<T, E = Error> = {
+    /** An array of dependencies for the hook */
     deps?: DependencyList;
-    retries?: number;
+    /** Flag indicating whether the fetch should be auto triggered or not */
     enabled?: boolean;
-    initialData?: T;
-    onResolve?: (data: T) => void;
+    /** Callback to be called before a batch of fetch attempts is made */
+    onBeforeFetch?: VoidFunction;
+    /** Callback to be called when the fetch is rejected with an error */
     onReject?: (error: E) => void;
-};
+    /** Callback to be called when the fetch is resolved successfully */
+    onResolve?: (data: T) => void;
+    /** The number of times to retry the fetch in case of failure */
+    retries?: number;
+} & (undefined extends T ? {
+    /** The initial data the hook will use until the promise is resolved */
+    initialData?: T;
+} : {
+    /** The initial data the hook will use until the promise is resolved */
+    initialData: T;
+});

package/src/lib/utils/hooks/usePromise/utils/resolveFetcher/resolveFetcher.cjs

@@ -32,6 +32,7 @@ const resolveFetcher = (fetcher_1, _a, callback_1) => _tslib.__awaiter(void 0, [
         }
     }
     callback(err, data);
+    return data;
 });
 
 exports.resolveFetcher = resolveFetcher;

package/src/lib/utils/hooks/usePromise/utils/resolveFetcher/resolveFetcher.d.ts

@@ -1,5 +1,5 @@
 type ResolveFetcherOptions = {
     retries?: number;
 };
-export declare const resolveFetcher: <E, T>(fetcher: () => T | Promise<T>, { retries }: ResolveFetcherOptions, callback: (err: E | undefined, data: T | undefined) => void) => Promise<void>;
+export declare const resolveFetcher: <E, T>(fetcher: () => T | Promise<T>, { retries }: ResolveFetcherOptions, callback: (err: E | undefined, data: T | undefined) => void) => Promise<T | undefined>;
 export {};

package/src/lib/utils/hooks/usePromise/utils/resolveFetcher/resolveFetcher.js

@@ -28,6 +28,7 @@ const resolveFetcher = (fetcher_1, _a, callback_1) => __awaiter(void 0, [fetcher
         }
     }
     callback(err, data);
+    return data;
 });
 
 export { resolveFetcher };

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

@@ -177,7 +177,6 @@ const useWalletItemActions = () => {
         setShowAuthFlow(false);
         const connectedAccounts = yield walletConnector.getConnectedAccounts({
             chooseAccounts: true,
-            forceFetch: true,
         });
         const activeAccountAlreadyLinked = linkedWallets.find((wallet) => { var _a; return wallet.address.toLowerCase() === ((_a = connectedAccounts[0]) === null || _a === void 0 ? void 0 : _a.toLowerCase()); });
         logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('[handleAlreadyConnectedWallet]', {

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

@@ -173,7 +173,6 @@ const useWalletItemActions = () => {
         setShowAuthFlow(false);
         const connectedAccounts = yield walletConnector.getConnectedAccounts({
             chooseAccounts: true,
-            forceFetch: true,
         });
         const activeAccountAlreadyLinked = linkedWallets.find((wallet) => { var _a; return wallet.address.toLowerCase() === ((_a = connectedAccounts[0]) === null || _a === void 0 ? void 0 : _a.toLowerCase()); });
         logVerboseTroubleshootingMessage('[handleAlreadyConnectedWallet]', {

package/src/lib/views/MfaVerificationView/MfaVerificationView.cjs

@@ -107,6 +107,7 @@ const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = fa
     const { data: isValid, isLoading } = usePromise.usePromise(() => authDevice(code, type, deviceId), {
         deps: [code],
         enabled: (code === null || code === void 0 ? void 0 : code.length) === 6,
+        initialData: false,
         onReject: (err) => {
             if (err instanceof utils.MfaRateLimitedError) {
                 setIsRateLimited(true);

package/src/lib/views/MfaVerificationView/MfaVerificationView.js

@@ -103,6 +103,7 @@ const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = fa
     const { data: isValid, isLoading } = usePromise(() => authDevice(code, type, deviceId), {
         deps: [code],
         enabled: (code === null || code === void 0 ? void 0 : code.length) === 6,
+        initialData: false,
         onReject: (err) => {
             if (err instanceof MfaRateLimitedError) {
                 setIsRateLimited(true);

package/src/lib/views/TransactionConfirmationView/TransactionConfirmationView.cjs

@@ -129,6 +129,7 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
         }
         return walletConnector.canSponsorTransactionGas(transaction);
     }, {
+        initialData: false,
         onReject: logger.logger.error,
         onResolve: (isGasSponsored) => {
             setIsGasSponsored(isGasSponsored);

package/src/lib/views/TransactionConfirmationView/TransactionConfirmationView.js

@@ -125,6 +125,7 @@ const TransactionConfirmationView = ({ transaction, onError, onSuccess, mutation
         }
         return walletConnector.canSponsorTransactionGas(transaction);
     }, {
+        initialData: false,
         onReject: logger.error,
         onResolve: (isGasSponsored) => {
             setIsGasSponsored(isGasSponsored);

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.cjs

@@ -131,7 +131,7 @@ const ActiveWalletInformation = ({ isLoading = false, }) => {
     const address = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address;
     const nameService = useFetchNameService.useFetchNameService(address);
     const { getEOAWallet } = useSmartWallets.useSmartWallets();
-    const { data: testnet } = usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () { return Boolean(yield (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.isTestnet())); }), { deps: [network] });
+    const { data: testnet } = usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () { return Boolean(yield (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.isTestnet())); }), { deps: [network], initialData: false });
     const exportKeysOption = helpers.getExportKeysOption(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
     const { showAlert } = PasskeyContext.usePasskeyContext();
     const wallet = (_a = (primaryWallet && getEOAWallet(primaryWallet))) !== null && _a !== void 0 ? _a : primaryWallet;

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.js

@@ -127,7 +127,7 @@ const ActiveWalletInformation = ({ isLoading = false, }) => {
     const address = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address;
     const nameService = useFetchNameService(address);
     const { getEOAWallet } = useSmartWallets();
-    const { data: testnet } = usePromise(() => __awaiter(void 0, void 0, void 0, function* () { return Boolean(yield (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.isTestnet())); }), { deps: [network] });
+    const { data: testnet } = usePromise(() => __awaiter(void 0, void 0, void 0, function* () { return Boolean(yield (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.isTestnet())); }), { deps: [network], initialData: false });
     const exportKeysOption = getExportKeysOption(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
     const { showAlert } = usePasskeyContext();
     const wallet = (_a = (primaryWallet && getEOAWallet(primaryWallet))) !== null && _a !== void 0 ? _a : primaryWallet;

package/src/lib/utils/hooks/usePromise/utils/createReducer/createReducer.cjs

@@ -1,19 +0,0 @@
-'use client'
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const createReducer = () => (state, action) => {
-    switch (action.type) {
-        case 'SET_DATA':
-            return Object.assign(Object.assign({}, state), { data: action.payload, isLoading: false });
-        case 'SET_ERROR':
-            return Object.assign(Object.assign({}, state), { error: action.payload, isLoading: false });
-        case 'SET_LOADING':
-            return Object.assign(Object.assign({}, state), { isLoading: action.payload });
-        default:
-            return state;
-    }
-};
-
-exports.createReducer = createReducer;

package/src/lib/utils/hooks/usePromise/utils/createReducer/createReducer.js

@@ -1,15 +0,0 @@
-'use client'
-const createReducer = () => (state, action) => {
-    switch (action.type) {
-        case 'SET_DATA':
-            return Object.assign(Object.assign({}, state), { data: action.payload, isLoading: false });
-        case 'SET_ERROR':
-            return Object.assign(Object.assign({}, state), { error: action.payload, isLoading: false });
-        case 'SET_LOADING':
-            return Object.assign(Object.assign({}, state), { isLoading: action.payload });
-        default:
-            return state;
-    }
-};
-
-export { createReducer };