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

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('../../../shared/utils/classes/storage/sessionStorage.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.warn('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 '../../../shared/utils/classes/storage/sessionStorage.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.warn('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/useRefreshUser/useRefreshUser.cjs

@@ -12,11 +12,10 @@ require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
 require('../../constants/colors.cjs');
 require('../../constants/values.cjs');
-require('../../../shared/utils/classes/storage/localStorage.cjs');
-require('../../../shared/utils/classes/storage/sessionStorage.cjs');
-require('@dynamic-labs/utils');
+require('../../../store/state/loadingAndLifecycle.cjs');
 require('../../../shared/consts/index.cjs');
 require('../../../events/dynamicEvents.cjs');
 require('../../../../../_virtual/_tslib.cjs');
@@ -25,15 +24,17 @@ require('../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../../config/ApiEndpoint.cjs');
-require('@dynamic-labs/store');
+require('../../../store/state/user/user.cjs');
 require('../../../locale/locale.cjs');
 var user = require('../../../data/api/user/user.cjs');
+require('../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../context/WalletContext/WalletContext.cjs');
+require('../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
@@ -44,6 +45,8 @@ require('../../../views/CollectUserDataView/useFields.cjs');
 require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
+require('../../../store/state/environmentId.cjs');
+require('../../../store/state/walletConnectorOptions.cjs');
 require('react-i18next');
 require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../../components/Alert/Alert.cjs');
@@ -63,19 +66,30 @@ require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
-require('../../../views/WalletList/WalletList.cjs');
+require('../../../context/FooterAnimationContext/index.cjs');
+require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../../context/FooterAnimationContext/index.cjs');
-require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
+require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../../store/state/sendBalances.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../../polyfills.cjs');
+require('../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
+require('../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
+require('../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
+require('../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
+require('../../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
+require('../../../context/FundingContext/FundingContext.cjs');
+require('../../../context/SendBalanceContext/SendBalanceContext.cjs');
+require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../../context/ConnectWithOtpContext/constants.cjs');
+require('../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
+require('../../../store/state/tokenBalances.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 /**

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

@@ -8,11 +8,10 @@ import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
 import '../../constants/colors.js';
 import '../../constants/values.js';
-import '../../../shared/utils/classes/storage/localStorage.js';
-import '../../../shared/utils/classes/storage/sessionStorage.js';
-import '@dynamic-labs/utils';
+import '../../../store/state/loadingAndLifecycle.js';
 import '../../../shared/consts/index.js';
 import '../../../events/dynamicEvents.js';
 import '../../../../../_virtual/_tslib.js';
@@ -21,15 +20,17 @@ import '../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../../config/ApiEndpoint.js';
-import '@dynamic-labs/store';
+import '../../../store/state/user/user.js';
 import '../../../locale/locale.js';
 import { refreshUserJwt } from '../../../data/api/user/user.js';
+import '../../../store/state/projectSettings/projectSettings.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../context/WalletContext/WalletContext.js';
+import '../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
@@ -40,6 +41,8 @@ import '../../../views/CollectUserDataView/useFields.js';
 import '../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
+import '../../../store/state/environmentId.js';
+import '../../../store/state/walletConnectorOptions.js';
 import 'react-i18next';
 import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../components/Alert/Alert.js';
@@ -59,19 +62,30 @@ import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
-import '../../../views/WalletList/WalletList.js';
+import '../../../context/FooterAnimationContext/index.js';
+import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../../context/FooterAnimationContext/index.js';
-import '../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../context/MfaSettingsContext/MfaSettingsContext.js';
+import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
+import '../../../store/state/sendBalances.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../../polyfills.js';
+import '../../../context/ErrorBoundary/ErrorBoundaryBase.js';
+import '../../../context/ErrorBoundary/ErrorBoundaryContext.js';
+import '../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
+import '../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
+import '../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
+import '../../../context/FundingContext/FundingContext.js';
+import '../../../context/SendBalanceContext/SendBalanceContext.js';
+import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../../context/ConnectWithOtpContext/constants.js';
+import '../../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import '../../../store/state/tokenBalances.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 /**

package/src/lib/utils/hooks/useResetCookieLocalStorage/index.d.ts

@@ -0,0 +1 @@
+export { useResetCookieLocalStorage } from './useResetCookieLocalStorage';

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

@@ -0,0 +1,77 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+var sdkApiCore = 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('@dynamic-labs/utils');
+require('../../constants/colors.cjs');
+require('../../constants/values.cjs');
+require('../../../store/state/loadingAndLifecycle.cjs');
+require('../../../shared/consts/index.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('../../../config/ApiEndpoint.cjs');
+var user = require('../../../store/state/user/user.cjs');
+require('../../../locale/locale.cjs');
+var user$1 = require('../../../data/api/user/user.cjs');
+var isCookieEnabled = require('../../functions/isCookieEnabled/isCookieEnabled.cjs');
+
+const useResetCookieLocalStorage = ({ environmentId, projectSettings, setPrimaryWalletId, }) => {
+    const didRefreshUserRef = React.useRef(false);
+    const user$2 = user.getUser();
+    /**
+     * run this effect every time the user or project settings change
+     * but not when the process was already done.
+     */
+    React.useEffect(() => {
+        /**
+         * this method is called on refresh of DynamicContext and attempts to refresh local storage
+         * when cookies are enabled for the environment.
+         * the use case here is when an end user logs in to sub1.example.com and navigates to sub2.example.com.
+         * if they are signed in to sub1.example.com with a cookie for `.example.com`, but the LS is specific
+         * to sub1, then navigating to sub2 will mean they are not automatically signed in.
+         * this method attempts to fetch the user from the backend using the cookie (if aavailable), and if successful,
+         * this will ensure local storage is properly set with the user.
+         *
+         * this will also attempt to set the primaryWalletId, if the last verified credential is a wallet
+         * the user might have signed in with a wallet in the other subdomain, but the primary wallet
+         * in local storage does not carry over to other subdomains (LS is subdomain-specific),
+         * so attempt to set it here.
+         */
+        const maybeInitUserRefresh = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            if (!user$2 && isCookieEnabled.isCookieEnabled()) {
+                // Disable all next calls to this method
+                didRefreshUserRef.current = true;
+                try {
+                    const user = yield user$1.refreshUserJwt({ environmentId });
+                    /**
+                     * attempt to set primary wallet in this subdomain because LS does not
+                     * carry over between different subdomains, even if the cookie does
+                     */
+                    const lastVerifiedWallet = user === null || user === void 0 ? void 0 : user.verifiedCredentials.find((vc) => vc.format === sdkApiCore.JwtVerifiedCredentialFormatEnum.Blockchain &&
+                        vc.id === user.lastVerifiedCredentialId);
+                    if (lastVerifiedWallet)
+                        setPrimaryWalletId(lastVerifiedWallet.id);
+                }
+                catch (e) {
+                    logger.logger.debug('Ignore failed refreshUserJwt in useResetCookieLocalStorage');
+                }
+            }
+        });
+        // Ensure this effect only runs once
+        if (didRefreshUserRef.current)
+            return;
+        maybeInitUserRefresh();
+    }, [user$2, projectSettings]);
+};
+
+exports.useResetCookieLocalStorage = useResetCookieLocalStorage;

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

@@ -0,0 +1,8 @@
+import { ProjectSettings } from '@dynamic-labs/sdk-api-core';
+type Props = {
+    environmentId: string;
+    projectSettings: ProjectSettings | undefined;
+    setPrimaryWalletId(walletId: string): void;
+};
+export declare const useResetCookieLocalStorage: ({ environmentId, projectSettings, setPrimaryWalletId, }: Props) => void;
+export {};