@dynamic-labs/sdk-react-core 3.0.0-alpha.64 → 3.0.0-alpha.66

package/CHANGELOG.md

@@ -1,4 +1,25 @@
 
+## [3.0.0-alpha.66](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.65...v3.0.0-alpha.66) (2024-09-11)
+
+
+### Features
+
+* add new method to BitcoinWallet to sign message with a specific address type ([#6861](https://github.com/dynamic-labs/DynamicAuth/issues/6861)) ([9284648](https://github.com/dynamic-labs/DynamicAuth/commit/92846488b4d60a498374dd60c4a0be3ab87e4e68))
+
+
+### Bug Fixes
+
+* fix ethers-v6 exports ([#6863](https://github.com/dynamic-labs/DynamicAuth/issues/6863)) ([27a1aab](https://github.com/dynamic-labs/DynamicAuth/commit/27a1aabe6c5e6ed2501200f435b2cb5110836986))
+* stop infinite rerendering when wagmi config error is thrown ([#6862](https://github.com/dynamic-labs/DynamicAuth/issues/6862)) ([9b2fac0](https://github.com/dynamic-labs/DynamicAuth/commit/9b2fac0a570246f4663057c1ff6c82a1adca64c6))
+* update react-native packages to include correct dependencies ([#6859](https://github.com/dynamic-labs/DynamicAuth/issues/6859)) ([a6f6c1c](https://github.com/dynamic-labs/DynamicAuth/commit/a6f6c1c750d2d6916a94183059369e208ec9afa5))
+
+## [3.0.0-alpha.65](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.64...v3.0.0-alpha.65) (2024-09-11)
+
+
+### Bug Fixes
+
+* gracefully handle errors when trying to find solana tx destination ([#6847](https://github.com/dynamic-labs/DynamicAuth/issues/6847)) ([19359ad](https://github.com/dynamic-labs/DynamicAuth/commit/19359ad40b16af0edb822d1fc6643fecdbc89adf))
+
 ## [3.0.0-alpha.64](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.63...v3.0.0-alpha.64) (2024-09-10)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "3.0.0-alpha.64";
+var version = "3.0.0-alpha.66";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.526",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "3.0.0-alpha.64";
+var version = "3.0.0-alpha.66";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.526",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "3.0.0-alpha.64",
+  "version": "3.0.0-alpha.66",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dynamic-labs/dynamic-auth.git",
@@ -17,16 +17,16 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/iconic": "3.0.0-alpha.64",
-    "@dynamic-labs/logger": "3.0.0-alpha.64",
-    "@dynamic-labs/message-transport": "3.0.0-alpha.64",
-    "@dynamic-labs/multi-wallet": "3.0.0-alpha.64",
-    "@dynamic-labs/rpc-providers": "3.0.0-alpha.64",
-    "@dynamic-labs/store": "3.0.0-alpha.64",
-    "@dynamic-labs/types": "3.0.0-alpha.64",
-    "@dynamic-labs/utils": "3.0.0-alpha.64",
-    "@dynamic-labs/wallet-book": "3.0.0-alpha.64",
-    "@dynamic-labs/wallet-connector-core": "3.0.0-alpha.64",
+    "@dynamic-labs/iconic": "3.0.0-alpha.66",
+    "@dynamic-labs/logger": "3.0.0-alpha.66",
+    "@dynamic-labs/message-transport": "3.0.0-alpha.66",
+    "@dynamic-labs/multi-wallet": "3.0.0-alpha.66",
+    "@dynamic-labs/rpc-providers": "3.0.0-alpha.66",
+    "@dynamic-labs/store": "3.0.0-alpha.66",
+    "@dynamic-labs/types": "3.0.0-alpha.66",
+    "@dynamic-labs/utils": "3.0.0-alpha.66",
+    "@dynamic-labs/wallet-book": "3.0.0-alpha.66",
+    "@dynamic-labs/wallet-connector-core": "3.0.0-alpha.66",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/components/NetworkPicker/NetworkPicker.cjs

@@ -105,7 +105,10 @@ const NetworkPicker = ({ activeClassName = '', buttonClassName = '', checkboxCla
     const { loadingNetwork } = useInternalDynamicContext.useInternalDynamicContext();
     const { data: supportedWalletNetworks } = usePromise.usePromise(() => walletConnectorCore.isWalletConnectConnector(connector)
         ? connector.getSupportedNetworks()
-        : Promise.resolve(evmNetworks.map(({ networkId }) => `${networkId}`)), { deps: [connector, evmNetworks, isNetworkPickerOpen] });
+        : Promise.resolve(evmNetworks.map(({ networkId }) => `${networkId}`)), {
+        deps: [connector, evmNetworks, isNetworkPickerOpen],
+        initialData: undefined,
+    });
     const shouldAllowOpenDropdown = isNetworkUnsupported.isNetworkUnsupported(currentNetwork, evmNetworks) ||
         (evmNetworks === null || evmNetworks === void 0 ? void 0 : evmNetworks.length) > 1;
     // Ref to anchor popper to

package/src/lib/components/NetworkPicker/NetworkPicker.js

@@ -101,7 +101,10 @@ const NetworkPicker = ({ activeClassName = '', buttonClassName = '', checkboxCla
     const { loadingNetwork } = useInternalDynamicContext();
     const { data: supportedWalletNetworks } = usePromise(() => isWalletConnectConnector(connector)
         ? connector.getSupportedNetworks()
-        : Promise.resolve(evmNetworks.map(({ networkId }) => `${networkId}`)), { deps: [connector, evmNetworks, isNetworkPickerOpen] });
+        : Promise.resolve(evmNetworks.map(({ networkId }) => `${networkId}`)), {
+        deps: [connector, evmNetworks, isNetworkPickerOpen],
+        initialData: undefined,
+    });
     const shouldAllowOpenDropdown = isNetworkUnsupported(currentNetwork, evmNetworks) ||
         (evmNetworks === null || evmNetworks === void 0 ? void 0 : evmNetworks.length) > 1;
     // Ref to anchor popper to

package/src/lib/config/ApiEndpoint.cjs

@@ -7,35 +7,21 @@ var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 class ApiEndpoint {
 }
 ApiEndpoint.getBaseUrl = () => {
-    if (!ApiEndpoint.__defined__) {
+    if (!ApiEndpoint.__baseUrl__) {
         throw new Error('ApiEndpoint Base URL has not been initialized');
     }
     return ApiEndpoint.__baseUrl__;
 };
 ApiEndpoint.setBaseUrl = (baseUrlInput) => {
-    if (!ApiEndpoint.__defined__) {
-        if (!baseUrlInput) {
-            /**
-             * If the baseUrl is not provided, use the default baseUrl from the sdk-api package
-             */
-            ApiEndpoint.__baseUrl__ = new sdkApiCore.Configuration().basePath;
-        }
-        else {
-            ApiEndpoint.__baseUrl__ = baseUrlInput;
-        }
-        ApiEndpoint.__defined__ = true;
-    }
-    else if (!baseUrlInput && ApiEndpoint.__defined__) {
+    if (!baseUrlInput) {
         /**
-         * If for some reason (usually in local development), the setBaseUrl is called multiple times with undefined
-         * And we already have it defined, let's just assume it's a no-op
+         * If the baseUrl is not provided, use the default baseUrl from the sdk-api package
          */
-        return;
+        ApiEndpoint.__baseUrl__ = new sdkApiCore.Configuration().basePath;
     }
-    else if (ApiEndpoint.__baseUrl__ !== baseUrlInput) {
-        throw new Error(`ApiEndpoint baseUrl is already set to ${ApiEndpoint.__baseUrl__}, cannot change it to ${baseUrlInput}`);
+    else {
+        ApiEndpoint.__baseUrl__ = baseUrlInput;
     }
-    Object.freeze(ApiEndpoint);
 };
 
 module.exports = ApiEndpoint;

package/src/lib/config/ApiEndpoint.d.ts

@@ -1,7 +1,6 @@
 declare class ApiEndpoint {
     private static __baseUrl__;
-    private static __defined__;
-    static getBaseUrl: () => string | undefined;
+    static getBaseUrl: () => string;
     static setBaseUrl: (baseUrlInput?: string) => void;
 }
 export default ApiEndpoint;

package/src/lib/config/ApiEndpoint.js

@@ -5,35 +5,21 @@ import { Configuration } from '@dynamic-labs/sdk-api-core';
 class ApiEndpoint {
 }
 ApiEndpoint.getBaseUrl = () => {
-    if (!ApiEndpoint.__defined__) {
+    if (!ApiEndpoint.__baseUrl__) {
         throw new Error('ApiEndpoint Base URL has not been initialized');
     }
     return ApiEndpoint.__baseUrl__;
 };
 ApiEndpoint.setBaseUrl = (baseUrlInput) => {
-    if (!ApiEndpoint.__defined__) {
-        if (!baseUrlInput) {
-            /**
-             * If the baseUrl is not provided, use the default baseUrl from the sdk-api package
-             */
-            ApiEndpoint.__baseUrl__ = new Configuration().basePath;
-        }
-        else {
-            ApiEndpoint.__baseUrl__ = baseUrlInput;
-        }
-        ApiEndpoint.__defined__ = true;
-    }
-    else if (!baseUrlInput && ApiEndpoint.__defined__) {
+    if (!baseUrlInput) {
         /**
-         * If for some reason (usually in local development), the setBaseUrl is called multiple times with undefined
-         * And we already have it defined, let's just assume it's a no-op
+         * If the baseUrl is not provided, use the default baseUrl from the sdk-api package
          */
-        return;
+        ApiEndpoint.__baseUrl__ = new Configuration().basePath;
     }
-    else if (ApiEndpoint.__baseUrl__ !== baseUrlInput) {
-        throw new Error(`ApiEndpoint baseUrl is already set to ${ApiEndpoint.__baseUrl__}, cannot change it to ${baseUrlInput}`);
+    else {
+        ApiEndpoint.__baseUrl__ = baseUrlInput;
     }
-    Object.freeze(ApiEndpoint);
 };
 
 export { ApiEndpoint as default };

package/src/lib/store/state/networkConfigurations/networkConfigurations.cjs

@@ -152,11 +152,12 @@ const useNetworkConfigurations = ({ environmentId, projectSettings, evmNetworksO
     }), {
         deps: [environmentId, projectSettings, evmNetworksOverrides],
         enabled: Boolean(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.networks),
+        initialData: undefined,
         onResolve: (networkConfigurations) => {
             const expiry = new Date().getTime() + 60000 * 5;
             setNetworkConfigurations({
                 expiresAt: expiry,
-                networkConfigurations,
+                networkConfigurations: networkConfigurations,
             });
         },
     });

package/src/lib/store/state/networkConfigurations/networkConfigurations.js

@@ -148,11 +148,12 @@ const useNetworkConfigurations = ({ environmentId, projectSettings, evmNetworksO
     }), {
         deps: [environmentId, projectSettings, evmNetworksOverrides],
         enabled: Boolean(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.networks),
+        initialData: undefined,
         onResolve: (networkConfigurations) => {
             const expiry = new Date().getTime() + 60000 * 5;
             setNetworkConfigurations({
                 expiresAt: expiry,
-                networkConfigurations,
+                networkConfigurations: networkConfigurations,
             });
         },
     });

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