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

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');
@@ -17,7 +17,6 @@ require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../../utils/constants/colors.cjs');
 require('../../../utils/constants/values.cjs');
-require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('../loadingAndLifecycle.cjs');
 require('../../../shared/consts/index.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
@@ -31,6 +30,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 +47,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');
@@ -67,16 +67,15 @@ 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('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-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 +93,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 +117,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 +159,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';
@@ -13,7 +13,6 @@ import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../../utils/constants/colors.js';
 import '../../../utils/constants/values.js';
-import '../../../shared/utils/classes/storage/localStorage.js';
 import '../loadingAndLifecycle.js';
 import '../../../shared/consts/index.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
@@ -27,6 +26,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 +43,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';
@@ -63,16 +63,15 @@ 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 '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-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 +89,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 +113,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 +155,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

@@ -15,7 +15,6 @@ require('react');
 require('@dynamic-labs/wallet-book');
 require('../../../utils/constants/colors.cjs');
 require('../../../utils/constants/values.cjs');
-require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('../loadingAndLifecycle.cjs');
 require('../../../shared/consts/index.cjs');
 require('../../../config/ApiEndpoint.cjs');
@@ -24,13 +23,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 +47,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');
@@ -67,16 +67,15 @@ 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('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-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 +93,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 +114,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

@@ -11,7 +11,6 @@ import 'react';
 import '@dynamic-labs/wallet-book';
 import '../../../utils/constants/colors.js';
 import '../../../utils/constants/values.js';
-import '../../../shared/utils/classes/storage/localStorage.js';
 import '../loadingAndLifecycle.js';
 import '../../../shared/consts/index.js';
 import '../../../config/ApiEndpoint.js';
@@ -20,13 +19,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 +43,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';
@@ -63,16 +63,15 @@ 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 '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-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 +89,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 +110,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/user/storeAuthTokenAndUser/storeAuthTokenAndUser.cjs

@@ -11,16 +11,15 @@ require('@dynamic-labs/utils');
 require('../../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
 require('../../../../shared/logger.cjs');
+require('react-international-phone');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../../context/ViewContext/ViewContext.cjs');
 require('react');
 require('@dynamic-labs/wallet-book');
-require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('../../loadingAndLifecycle.cjs');
 require('../../../../shared/consts/index.cjs');
-require('react-international-phone');
 var index = require('../../../../utils/functions/storeAuthToken/index.cjs');
 require('../../../../config/ApiEndpoint.cjs');
 var storeExpiresAt = require('../../../../utils/functions/storeExpiresAt/storeExpiresAt.cjs');

package/src/lib/store/state/user/storeAuthTokenAndUser/storeAuthTokenAndUser.js

@@ -7,16 +7,15 @@ import '@dynamic-labs/utils';
 import '../../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
 import '../../../../shared/logger.js';
+import 'react-international-phone';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../../context/ViewContext/ViewContext.js';
 import 'react';
 import '@dynamic-labs/wallet-book';
-import '../../../../shared/utils/classes/storage/localStorage.js';
 import '../../loadingAndLifecycle.js';
 import '../../../../shared/consts/index.js';
-import 'react-international-phone';
 import { storeAuthToken } from '../../../../utils/functions/storeAuthToken/index.js';
 import '../../../../config/ApiEndpoint.js';
 import { storeExpiresAt } from '../../../../utils/functions/storeExpiresAt/storeExpiresAt.js';

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,

package/src/lib/store/stateConfig.js

@@ -4,9 +4,14 @@
  */
 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,

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

@@ -8,8 +8,8 @@ export type SdkStoreProps = {
 export type SdkStore = {
     environmentId: string;
     user: UserProfile | undefined;
-    projectSettings: StoredProjectSettings | undefined;
-    networkConfigurations: StoredNetworkConfigurations | undefined;
+    projectSettings: StoredProjectSettings;
+    networkConfigurations: StoredNetworkConfigurations;
     tokenBalancesState: TokenBalancesState;
     sendBalanceState: SendBalanceState;
     walletConnectorOptions: WalletOption[];

package/src/lib/utils/constants/sessionStorage.cjs

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const SECURE_ENCLAVE_WALLET_SESSION_KEYS = 'dynamic_secure_enclave_session_keys';
 const SECURE_ENCLAVE_WALLET_SESSION_KEYS_STORAGE_OPTIONS = {
-    priority: ['secureStorage', 'sessionStorage'],
+    priority: ['secureStorage', 'localStorage'],
 };
 
 exports.SECURE_ENCLAVE_WALLET_SESSION_KEYS = SECURE_ENCLAVE_WALLET_SESSION_KEYS;