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

package/src/lib/store/internalImplementation/store.cjs

@@ -30,13 +30,14 @@ const initializeStore = ({ storageSuffix, environmentId, }) => {
     const persistName = storageSuffix
         ? `${localStorage$1.STORE_STORAGE_KEY}_${storageSuffix}`
         : localStorage$1.STORE_STORAGE_KEY;
-    store = clearExpiredData.clearExpiredData(syncLegacyStorage.syncLegacyStorage(store$1.persist({
+    store = syncLegacyStorage.syncLegacyStorage(store$1.persist({
         name: persistName,
         partialize: stateConfig.transformStateForLocalStorage,
         storage: getStorage(),
         // Map each entry to its initialValue
         store: store$1.createStore(() => stateConfig.createInitialStates({ environmentId, storageSuffix })),
-    })));
+    }));
+    clearExpiredData.clearExpiredData(store);
 };
 const getStorage = () => {
     if (typeof localStorage === 'undefined') {
@@ -47,9 +48,7 @@ const getStorage = () => {
     }
     return window.localStorage;
 };
-const resetStore = () => getStore().setState(getStore().getInitialState());
 
 exports.getStore = getStore;
 exports.initializeStore = initializeStore;
 exports.removeStoreInstance = removeStoreInstance;
-exports.resetStore = resetStore;

package/src/lib/store/internalImplementation/store.d.ts

@@ -3,4 +3,3 @@ import { SdkStore, SdkStoreProps } from '../types';
 export declare const getStore: () => StoreApi<SdkStore>;
 export declare const removeStoreInstance: () => void;
 export declare const initializeStore: ({ storageSuffix, environmentId, }: SdkStoreProps) => void;
-export declare const resetStore: () => void;

package/src/lib/store/internalImplementation/store.js

@@ -26,13 +26,14 @@ const initializeStore = ({ storageSuffix, environmentId, }) => {
     const persistName = storageSuffix
         ? `${STORE_STORAGE_KEY}_${storageSuffix}`
         : STORE_STORAGE_KEY;
-    store = clearExpiredData(syncLegacyStorage(persist({
+    store = syncLegacyStorage(persist({
         name: persistName,
         partialize: transformStateForLocalStorage,
         storage: getStorage(),
         // Map each entry to its initialValue
         store: createStore(() => createInitialStates({ environmentId, storageSuffix })),
-    })));
+    }));
+    clearExpiredData(store);
 };
 const getStorage = () => {
     if (typeof localStorage === 'undefined') {
@@ -43,6 +44,5 @@ const getStorage = () => {
     }
     return window.localStorage;
 };
-const resetStore = () => getStore().setState(getStore().getInitialState());
 
-export { getStore, initializeStore, removeStoreInstance, resetStore };
+export { getStore, initializeStore, removeStoreInstance };

package/src/lib/store/internalImplementation/utils/clearExpiredData/clearExpiredData.cjs

@@ -11,14 +11,17 @@ const clearExpiredData = (store) => {
     // TODO: we can clean this up once we move wallet info to the store
     const [connectedWalletData] = localStorage.LocalStorage.getFromLS(localStorage$1.CONNECTED_WALLETS_INFO) || [];
     const shouldRemoveSettingsAndConfigs = !user && !connectedWalletData;
-    if (((projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.expiresAt) && projectSettings.expiresAt < Date.now()) ||
-        shouldRemoveSettingsAndConfigs) {
-        store.setState({ projectSettings: undefined });
+    const isExpired = (value) => shouldRemoveSettingsAndConfigs ||
+        (value.expiresAt && value.expiresAt < Date.now());
+    if (isExpired(projectSettings)) {
+        store.setState({
+            projectSettings: store.getInitialState().projectSettings,
+        });
     }
-    if (((networkConfigurations === null || networkConfigurations === void 0 ? void 0 : networkConfigurations.expiresAt) &&
-        networkConfigurations.expiresAt < Date.now()) ||
-        shouldRemoveSettingsAndConfigs) {
-        store.setState({ networkConfigurations: undefined });
+    if (isExpired(networkConfigurations)) {
+        store.setState({
+            networkConfigurations: store.getInitialState().networkConfigurations,
+        });
     }
     return store;
 };

package/src/lib/store/internalImplementation/utils/clearExpiredData/clearExpiredData.js

@@ -7,14 +7,17 @@ const clearExpiredData = (store) => {
     // TODO: we can clean this up once we move wallet info to the store
     const [connectedWalletData] = LocalStorage.getFromLS(CONNECTED_WALLETS_INFO) || [];
     const shouldRemoveSettingsAndConfigs = !user && !connectedWalletData;
-    if (((projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.expiresAt) && projectSettings.expiresAt < Date.now()) ||
-        shouldRemoveSettingsAndConfigs) {
-        store.setState({ projectSettings: undefined });
+    const isExpired = (value) => shouldRemoveSettingsAndConfigs ||
+        (value.expiresAt && value.expiresAt < Date.now());
+    if (isExpired(projectSettings)) {
+        store.setState({
+            projectSettings: store.getInitialState().projectSettings,
+        });
     }
-    if (((networkConfigurations === null || networkConfigurations === void 0 ? void 0 : networkConfigurations.expiresAt) &&
-        networkConfigurations.expiresAt < Date.now()) ||
-        shouldRemoveSettingsAndConfigs) {
-        store.setState({ networkConfigurations: undefined });
+    if (isExpired(networkConfigurations)) {
+        store.setState({
+            networkConfigurations: store.getInitialState().networkConfigurations,
+        });
     }
     return store;
 };

package/src/lib/store/internalImplementation/utils/createStoreState/createStoreState.cjs

@@ -11,10 +11,12 @@ const createStoreState = (variable) => {
     const useValue = () => useStoreWithSelector.useStoreWithSelector(store.getStore(), (state) => state[variable]);
     const setValue = (value) => store.getStore().setState(Object.assign(Object.assign({}, store.getStore().getState()), { [variable]: value }));
     const getValue = () => store.getStore().getState()[variable];
+    const resetValue = () => setValue(store.getStore().getInitialState()[variable]);
     return {
         [`use${capitalizedName}`]: useValue,
         [`get${capitalizedName}`]: getValue,
         [`set${capitalizedName}`]: setValue,
+        [`reset${capitalizedName}`]: resetValue,
     };
 };
 

package/src/lib/store/internalImplementation/utils/createStoreState/createStoreState.d.ts

@@ -5,5 +5,7 @@ export type StoreState<N extends Extract<keyof SdkStore, string>> = {
     [K in `set${Capitalize<N>}`]: (value: SdkStore[N]) => void;
 } & {
     [K in `get${Capitalize<N>}`]: () => SdkStore[N];
+} & {
+    [K in `reset${Capitalize<N>}`]: () => void;
 };
 export declare const createStoreState: <N extends keyof SdkStore>(variable: N) => StoreState<N>;

package/src/lib/store/internalImplementation/utils/createStoreState/createStoreState.js

@@ -7,10 +7,12 @@ const createStoreState = (variable) => {
     const useValue = () => useStoreWithSelector(getStore(), (state) => state[variable]);
     const setValue = (value) => getStore().setState(Object.assign(Object.assign({}, getStore().getState()), { [variable]: value }));
     const getValue = () => getStore().getState()[variable];
+    const resetValue = () => setValue(getStore().getInitialState()[variable]);
     return {
         [`use${capitalizedName}`]: useValue,
         [`get${capitalizedName}`]: getValue,
         [`set${capitalizedName}`]: setValue,
+        [`reset${capitalizedName}`]: resetValue,
     };
 };
 

package/src/lib/store/internalImplementation/utils/useStoreWithSelector/useStoreWithSelector.cjs

@@ -22,8 +22,30 @@ var React = require('react');
  * const count = useStoreWithSelector(store, ({ count }) => count);
  */
 const useStoreWithSelector = (api, selector) => {
+    /**
+     * The cache is either an object or undefined. This allows us to differentiate between:
+     * 1. A selector that resolved to an undefined value
+     * 2. A cache that hasn't been populated yet
+     */
+    const serverSnapshotCacheRef = React.useRef(undefined);
     const getSnapshot = () => selector(api.getState());
-    const getServerSnapshot = () => selector(api.getInitialState());
+    /**
+     * Cache the server snapshot in a ref to prevent infinite loops in Next.js SSR
+     *
+     * Next.js can re-render components multiple times during server-side rendering.
+     * If we don't cache the result of getServerSnapshot, it may cause an infinite loop
+     * as the component keeps re-rendering with new snapshots.
+     *
+     * Prevents this log "Warning: The result of getServerSnapshot should be cached to avoid an infinite loop"
+     */
+    const getServerSnapshot = () => {
+        if (serverSnapshotCacheRef.current === undefined) {
+            serverSnapshotCacheRef.current = {
+                value: selector(api.getInitialState()),
+            };
+        }
+        return serverSnapshotCacheRef.current.value;
+    };
     const slice = React.useSyncExternalStore(api.subscribe, getSnapshot, getServerSnapshot);
     return slice;
 };

package/src/lib/store/internalImplementation/utils/useStoreWithSelector/useStoreWithSelector.js

@@ -1,5 +1,5 @@
 'use client'
-import { useSyncExternalStore } from 'react';
+import { useRef, useSyncExternalStore } from 'react';
 
 /**
  * Custom hook that provides a slice of the store state based on a selector function.
@@ -18,8 +18,30 @@ import { useSyncExternalStore } from 'react';
  * const count = useStoreWithSelector(store, ({ count }) => count);
  */
 const useStoreWithSelector = (api, selector) => {
+    /**
+     * The cache is either an object or undefined. This allows us to differentiate between:
+     * 1. A selector that resolved to an undefined value
+     * 2. A cache that hasn't been populated yet
+     */
+    const serverSnapshotCacheRef = useRef(undefined);
     const getSnapshot = () => selector(api.getState());
-    const getServerSnapshot = () => selector(api.getInitialState());
+    /**
+     * Cache the server snapshot in a ref to prevent infinite loops in Next.js SSR
+     *
+     * Next.js can re-render components multiple times during server-side rendering.
+     * If we don't cache the result of getServerSnapshot, it may cause an infinite loop
+     * as the component keeps re-rendering with new snapshots.
+     *
+     * Prevents this log "Warning: The result of getServerSnapshot should be cached to avoid an infinite loop"
+     */
+    const getServerSnapshot = () => {
+        if (serverSnapshotCacheRef.current === undefined) {
+            serverSnapshotCacheRef.current = {
+                value: selector(api.getInitialState()),
+            };
+        }
+        return serverSnapshotCacheRef.current.value;
+    };
     const slice = useSyncExternalStore(api.subscribe, getSnapshot, getServerSnapshot);
     return slice;
 };

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

@@ -4,8 +4,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var useDynamicEvents = require('../../../utils/hooks/events/useDynamicEvents/useDynamicEvents.cjs');
 require('react');
-require('../../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
@@ -31,6 +31,7 @@ require('../projectSettings/projectSettings.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../../events/dynamicEvents.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../context/WalletContext/WalletContext.cjs');
@@ -47,7 +48,7 @@ require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../environmentId.cjs');
-require('../walletConnectorOptions/walletConnectorOptions.cjs');
+require('../walletConnectorOptions.cjs');
 require('react-i18next');
 require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../../components/Alert/Alert.cjs');
@@ -76,7 +77,7 @@ require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
-require('../sendBalances/sendBalances.cjs');
+require('../sendBalances.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
@@ -94,7 +95,7 @@ require('../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
 require('../tokenBalances.cjs');
 var createStoreState = require('../../internalImplementation/utils/createStoreState/createStoreState.cjs');
 
-const { getNetworkConfigurations, setNetworkConfigurations, useNetworkConfigurations: useNetworkConfigurationsRaw, } = createStoreState.createStoreState('networkConfigurations');
+const { getNetworkConfigurations, setNetworkConfigurations, useNetworkConfigurations, resetNetworkConfigurations, } = createStoreState.createStoreState('networkConfigurations');
 const createNetwork = (network, parser = (input) => input) => ({
     blockExplorerUrls: network.blockExplorerUrls,
     chainId: parser(network.chainId),
@@ -118,9 +119,8 @@ const overrideNetworks = (networkOverrides, networks) => {
         return networkOverrides(networks !== null && networks !== void 0 ? networks : []);
     }
 };
-const useNetworkConfigurations = ({ environmentId, projectSettings, evmNetworksOverrides, cosmosNetworkOverrides, }) => {
-    const storedNetworks = useNetworkConfigurationsRaw();
-    const { isLoading } = usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+const useFetchNetworkConfigurations = ({ environmentId, projectSettings, evmNetworksOverrides, cosmosNetworkOverrides, }) => {
+    const { retrigger } = usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _a, _b, _c, _d;
         if (!(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.networks))
             return Promise.resolve({});
@@ -161,12 +161,11 @@ const useNetworkConfigurations = ({ environmentId, projectSettings, evmNetworksO
             });
         },
     });
-    return {
-        isLoading,
-        networkConfigurations: storedNetworks === null || storedNetworks === void 0 ? void 0 : storedNetworks.networkConfigurations,
-    };
+    useDynamicEvents.useDynamicEvents('logout', retrigger);
 };
 
 exports.getNetworkConfigurations = getNetworkConfigurations;
+exports.resetNetworkConfigurations = resetNetworkConfigurations;
 exports.setNetworkConfigurations = setNetworkConfigurations;
+exports.useFetchNetworkConfigurations = useFetchNetworkConfigurations;
 exports.useNetworkConfigurations = useNetworkConfigurations;

package/src/lib/store/state/networkConfigurations/networkConfigurations.d.ts

@@ -1,16 +1,10 @@
 import { ProjectSettings } from '@dynamic-labs/sdk-api-core';
-import { NetworkConfigurationMap } from '@dynamic-labs/types';
 import { NetworksOverrides } from '../../../context/DynamicContext/types';
-declare const getNetworkConfigurations: () => import("../..").StoredNetworkConfigurations | undefined, setNetworkConfigurations: (value: import("../..").StoredNetworkConfigurations | undefined) => void;
-export { getNetworkConfigurations, setNetworkConfigurations };
-export declare const removeNetworkConfigurations: () => void;
+export declare const getNetworkConfigurations: () => import("../..").StoredNetworkConfigurations, setNetworkConfigurations: (value: import("../..").StoredNetworkConfigurations) => void, useNetworkConfigurations: () => import("../..").StoredNetworkConfigurations, resetNetworkConfigurations: () => void;
 export type UseNetworkConfigurationsProps = {
     environmentId: string;
     projectSettings?: ProjectSettings;
     evmNetworksOverrides?: NetworksOverrides;
     cosmosNetworkOverrides?: NetworksOverrides;
 };
-export declare const useNetworkConfigurations: ({ environmentId, projectSettings, evmNetworksOverrides, cosmosNetworkOverrides, }: UseNetworkConfigurationsProps) => {
-    isLoading: boolean;
-    networkConfigurations: NetworkConfigurationMap | undefined;
-};
+export declare const useFetchNetworkConfigurations: ({ environmentId, projectSettings, evmNetworksOverrides, cosmosNetworkOverrides, }: UseNetworkConfigurationsProps) => void;

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

@@ -1,7 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useDynamicEvents } from '../../../utils/hooks/events/useDynamicEvents/useDynamicEvents.js';
 import 'react';
-import '../../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
@@ -27,6 +27,7 @@ import '../projectSettings/projectSettings.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../../events/dynamicEvents.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../context/WalletContext/WalletContext.js';
@@ -43,7 +44,7 @@ import '../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../environmentId.js';
-import '../walletConnectorOptions/walletConnectorOptions.js';
+import '../walletConnectorOptions.js';
 import 'react-i18next';
 import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../components/Alert/Alert.js';
@@ -72,7 +73,7 @@ import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
-import '../sendBalances/sendBalances.js';
+import '../sendBalances.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
@@ -90,7 +91,7 @@ import '../../../context/ReinitializeContext/ReinitializeContextProvider.js';
 import '../tokenBalances.js';
 import { createStoreState } from '../../internalImplementation/utils/createStoreState/createStoreState.js';
 
-const { getNetworkConfigurations, setNetworkConfigurations, useNetworkConfigurations: useNetworkConfigurationsRaw, } = createStoreState('networkConfigurations');
+const { getNetworkConfigurations, setNetworkConfigurations, useNetworkConfigurations, resetNetworkConfigurations, } = createStoreState('networkConfigurations');
 const createNetwork = (network, parser = (input) => input) => ({
     blockExplorerUrls: network.blockExplorerUrls,
     chainId: parser(network.chainId),
@@ -114,9 +115,8 @@ const overrideNetworks = (networkOverrides, networks) => {
         return networkOverrides(networks !== null && networks !== void 0 ? networks : []);
     }
 };
-const useNetworkConfigurations = ({ environmentId, projectSettings, evmNetworksOverrides, cosmosNetworkOverrides, }) => {
-    const storedNetworks = useNetworkConfigurationsRaw();
-    const { isLoading } = usePromise(() => __awaiter(void 0, void 0, void 0, function* () {
+const useFetchNetworkConfigurations = ({ environmentId, projectSettings, evmNetworksOverrides, cosmosNetworkOverrides, }) => {
+    const { retrigger } = usePromise(() => __awaiter(void 0, void 0, void 0, function* () {
         var _a, _b, _c, _d;
         if (!(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.networks))
             return Promise.resolve({});
@@ -157,10 +157,7 @@ const useNetworkConfigurations = ({ environmentId, projectSettings, evmNetworksO
             });
         },
     });
-    return {
-        isLoading,
-        networkConfigurations: storedNetworks === null || storedNetworks === void 0 ? void 0 : storedNetworks.networkConfigurations,
-    };
+    useDynamicEvents('logout', retrigger);
 };
 
-export { getNetworkConfigurations, setNetworkConfigurations, useNetworkConfigurations };
+export { getNetworkConfigurations, resetNetworkConfigurations, setNetworkConfigurations, useFetchNetworkConfigurations, useNetworkConfigurations };

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

@@ -24,13 +24,14 @@ require('react-international-phone');
 require('../user/user.cjs');
 var settings = require('../../../data/api/settings/settings.cjs');
 require('../../../locale/locale.cjs');
-require('../../../events/dynamicEvents.cjs');
+var useDynamicEvents = require('../../../utils/hooks/events/useDynamicEvents/useDynamicEvents.cjs');
 require('../../../context/DynamicContext/DynamicContext.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../../events/dynamicEvents.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../context/WalletContext/WalletContext.cjs');
@@ -47,7 +48,7 @@ require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../environmentId.cjs');
-require('../walletConnectorOptions/walletConnectorOptions.cjs');
+require('../walletConnectorOptions.cjs');
 require('react-i18next');
 require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../../components/Alert/Alert.cjs');
@@ -76,7 +77,7 @@ require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
-require('../sendBalances/sendBalances.cjs');
+require('../sendBalances.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
@@ -94,11 +95,11 @@ require('../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
 require('../tokenBalances.cjs');
 var createStoreState = require('../../internalImplementation/utils/createStoreState/createStoreState.cjs');
 
-const { getProjectSettings, setProjectSettings, useProjectSettings: useProjectSettingsRaw, } = createStoreState.createStoreState('projectSettings');
-const useProjectSettings = ({ environmentId, retries = 2, }) => {
-    const storedSettings = useProjectSettingsRaw();
+const { getProjectSettings, setProjectSettings, useProjectSettings, resetProjectSettings, } = createStoreState.createStoreState('projectSettings');
+const useFetchProjectSettings = ({ environmentId, retries = 2, }) => {
+    const storedSettings = useProjectSettings();
     const lsSettingsExists = Boolean(storedSettings === null || storedSettings === void 0 ? void 0 : storedSettings.settings);
-    const { isLoading } = usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const { retrigger } = usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const settings$1 = yield settings.fetchProjectSettings(environmentId);
         if (!settings$1)
             throw new utils.DynamicError('Settings are not defined');
@@ -115,12 +116,11 @@ const useProjectSettings = ({ environmentId, retries = 2, }) => {
         },
         retries,
     });
-    return {
-        isLoading,
-        projectSettings: storedSettings === null || storedSettings === void 0 ? void 0 : storedSettings.settings,
-    };
+    useDynamicEvents.useDynamicEvents('logout', retrigger);
 };
 
 exports.getProjectSettings = getProjectSettings;
+exports.resetProjectSettings = resetProjectSettings;
 exports.setProjectSettings = setProjectSettings;
+exports.useFetchProjectSettings = useFetchProjectSettings;
 exports.useProjectSettings = useProjectSettings;

package/src/lib/store/state/projectSettings/projectSettings.d.ts

@@ -1,12 +1,6 @@
-import { ProjectSettings } from '@dynamic-labs/sdk-api-core';
-declare const getProjectSettings: () => import("../..").StoredProjectSettings | undefined, setProjectSettings: (value: import("../..").StoredProjectSettings | undefined) => void;
-export { getProjectSettings, setProjectSettings };
-export declare const removeProjectSettings: () => void;
+export declare const getProjectSettings: () => import("../..").StoredProjectSettings, setProjectSettings: (value: import("../..").StoredProjectSettings) => void, useProjectSettings: () => import("../..").StoredProjectSettings, resetProjectSettings: () => void;
 export type UseProjectSettingsProps = {
     environmentId: string;
     retries?: number;
 };
-export declare const useProjectSettings: ({ environmentId, retries, }: UseProjectSettingsProps) => {
-    isLoading: boolean;
-    projectSettings: ProjectSettings | undefined;
-};
+export declare const useFetchProjectSettings: ({ environmentId, retries, }: UseProjectSettingsProps) => void;

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

@@ -20,13 +20,14 @@ import 'react-international-phone';
 import '../user/user.js';
 import { fetchProjectSettings } from '../../../data/api/settings/settings.js';
 import '../../../locale/locale.js';
-import '../../../events/dynamicEvents.js';
+import { useDynamicEvents } from '../../../utils/hooks/events/useDynamicEvents/useDynamicEvents.js';
 import '../../../context/DynamicContext/DynamicContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../../events/dynamicEvents.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../context/WalletContext/WalletContext.js';
@@ -43,7 +44,7 @@ import '../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../environmentId.js';
-import '../walletConnectorOptions/walletConnectorOptions.js';
+import '../walletConnectorOptions.js';
 import 'react-i18next';
 import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../components/Alert/Alert.js';
@@ -72,7 +73,7 @@ import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
-import '../sendBalances/sendBalances.js';
+import '../sendBalances.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
@@ -90,11 +91,11 @@ import '../../../context/ReinitializeContext/ReinitializeContextProvider.js';
 import '../tokenBalances.js';
 import { createStoreState } from '../../internalImplementation/utils/createStoreState/createStoreState.js';
 
-const { getProjectSettings, setProjectSettings, useProjectSettings: useProjectSettingsRaw, } = createStoreState('projectSettings');
-const useProjectSettings = ({ environmentId, retries = 2, }) => {
-    const storedSettings = useProjectSettingsRaw();
+const { getProjectSettings, setProjectSettings, useProjectSettings, resetProjectSettings, } = createStoreState('projectSettings');
+const useFetchProjectSettings = ({ environmentId, retries = 2, }) => {
+    const storedSettings = useProjectSettings();
     const lsSettingsExists = Boolean(storedSettings === null || storedSettings === void 0 ? void 0 : storedSettings.settings);
-    const { isLoading } = usePromise(() => __awaiter(void 0, void 0, void 0, function* () {
+    const { retrigger } = usePromise(() => __awaiter(void 0, void 0, void 0, function* () {
         const settings = yield fetchProjectSettings(environmentId);
         if (!settings)
             throw new DynamicError('Settings are not defined');
@@ -111,10 +112,7 @@ const useProjectSettings = ({ environmentId, retries = 2, }) => {
         },
         retries,
     });
-    return {
-        isLoading,
-        projectSettings: storedSettings === null || storedSettings === void 0 ? void 0 : storedSettings.settings,
-    };
+    useDynamicEvents('logout', retrigger);
 };
 
-export { getProjectSettings, setProjectSettings, useProjectSettings };
+export { getProjectSettings, resetProjectSettings, setProjectSettings, useFetchProjectSettings, useProjectSettings };

package/src/lib/store/state/{sendBalances/sendBalances.cjs → sendBalances.cjs}

@@ -3,19 +3,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createPartialStoreSetter = require('../../internalImplementation/utils/createPartialStoreSetter/createPartialStoreSetter.cjs');
-var createStoreState = require('../../internalImplementation/utils/createStoreState/createStoreState.cjs');
+var createPartialStoreSetter = require('../internalImplementation/utils/createPartialStoreSetter/createPartialStoreSetter.cjs');
+var createStoreState = require('../internalImplementation/utils/createStoreState/createStoreState.cjs');
 
-const { getSendBalanceState, setSendBalanceState, useSendBalanceState } = createStoreState.createStoreState('sendBalanceState');
+const { getSendBalanceState, setSendBalanceState, useSendBalanceState, resetSendBalanceState, } = createStoreState.createStoreState('sendBalanceState');
 const setSendBalanceVariable = createPartialStoreSetter.createPartialStoreSetter({
     get: getSendBalanceState,
     set: setSendBalanceState,
 });
-const resetSendBalanceState = () => setSendBalanceState({
-    amount: undefined,
-    chainName: undefined,
-    nativePrice: undefined,
-});
 
 exports.getSendBalanceState = getSendBalanceState;
 exports.resetSendBalanceState = resetSendBalanceState;

package/src/lib/store/state/sendBalances.d.ts

@@ -0,0 +1,2 @@
+export declare const getSendBalanceState: () => import("..").SendBalanceState, setSendBalanceState: (value: import("..").SendBalanceState) => void, useSendBalanceState: () => import("..").SendBalanceState, resetSendBalanceState: () => void;
+export declare const setSendBalanceVariable: <K extends keyof import("..").SendBalanceState>(key: K, value: import("..").SendBalanceState[K]) => void;

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

@@ -0,0 +1,11 @@
+'use client'
+import { createPartialStoreSetter } from '../internalImplementation/utils/createPartialStoreSetter/createPartialStoreSetter.js';
+import { createStoreState } from '../internalImplementation/utils/createStoreState/createStoreState.js';
+
+const { getSendBalanceState, setSendBalanceState, useSendBalanceState, resetSendBalanceState, } = createStoreState('sendBalanceState');
+const setSendBalanceVariable = createPartialStoreSetter({
+    get: getSendBalanceState,
+    set: setSendBalanceState,
+});
+
+export { getSendBalanceState, resetSendBalanceState, setSendBalanceState, setSendBalanceVariable, useSendBalanceState };

package/src/lib/store/state/{walletConnectorOptions/walletConnectorOptions.cjs → walletConnectorOptions.cjs}

@@ -3,10 +3,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createStoreState = require('../../internalImplementation/utils/createStoreState/createStoreState.cjs');
+var createStoreState = require('../internalImplementation/utils/createStoreState/createStoreState.cjs');
 
-const { getWalletConnectorOptions, setWalletConnectorOptions, useWalletConnectorOptions, } = createStoreState.createStoreState('walletConnectorOptions');
+const { getWalletConnectorOptions, setWalletConnectorOptions, useWalletConnectorOptions, resetWalletConnectorOptions, } = createStoreState.createStoreState('walletConnectorOptions');
 
 exports.getWalletConnectorOptions = getWalletConnectorOptions;
+exports.resetWalletConnectorOptions = resetWalletConnectorOptions;
 exports.setWalletConnectorOptions = setWalletConnectorOptions;
 exports.useWalletConnectorOptions = useWalletConnectorOptions;

package/src/lib/store/state/walletConnectorOptions.d.ts

@@ -0,0 +1 @@
+export declare const getWalletConnectorOptions: () => import("../../shared").WalletOption[], setWalletConnectorOptions: (value: import("../../shared").WalletOption[]) => void, useWalletConnectorOptions: () => import("../../shared").WalletOption[], resetWalletConnectorOptions: () => void;

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

@@ -0,0 +1,6 @@
+'use client'
+import { createStoreState } from '../internalImplementation/utils/createStoreState/createStoreState.js';
+
+const { getWalletConnectorOptions, setWalletConnectorOptions, useWalletConnectorOptions, resetWalletConnectorOptions, } = createStoreState('walletConnectorOptions');
+
+export { getWalletConnectorOptions, resetWalletConnectorOptions, setWalletConnectorOptions, useWalletConnectorOptions };

package/src/lib/store/stateConfig.cjs

@@ -8,9 +8,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
  */
 const createInitialStates = ({ environmentId, }) => ({
     environmentId,
-    loadingAndLifecycle: { sessionValidation: false },
-    networkConfigurations: undefined,
-    projectSettings: undefined,
+    loadingAndLifecycle: {
+        sessionValidation: false,
+    },
+    networkConfigurations: {
+        expiresAt: undefined,
+        networkConfigurations: undefined,
+    },
+    projectSettings: { expiresAt: undefined, settings: undefined },
     sendBalanceState: {
         amount: undefined,
         chainName: undefined,