@dynamic-labs/sdk-react-core 2.1.0-alpha.3 → 2.1.0-alpha.30

package/src/lib/store/hooks/useNetworkConfigurations/useNetworkConfigurations.cjs

@@ -0,0 +1,139 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var store = require('../../store.cjs');
+var useStoreWithSelector = require('../useStoreWithSelector/useStoreWithSelector.cjs');
+require('react');
+require('../../../events/dynamicEvents.cjs');
+require('@dynamic-labs/utils');
+require('../../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/sdk-api-core');
+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('../../../utils/constants/colors.cjs');
+require('../../../utils/constants/values.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('../../../shared/consts/index.cjs');
+require('../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../context/ErrorContext/ErrorContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('viem');
+require('viem/chains');
+require('../../../config/ApiEndpoint.cjs');
+require('../../../locale/locale.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');
+var usePromise = require('../../../utils/hooks/usePromise/usePromise.cjs');
+require('../../../context/ThemeContext/ThemeContext.cjs');
+require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('@dynamic-labs/types');
+require('../../../context/LoadingContext/LoadingContext.cjs');
+require('yup');
+require('../../../context/MockContext/MockContext.cjs');
+require('../../../views/CollectUserDataView/useFields.cjs');
+require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+var networkConfigurationsActions = require('../../actions/networkConfigurationsActions/networkConfigurationsActions.cjs');
+require('@dynamic-labs/rpc-providers');
+require('react-i18next');
+require('../../../components/Alert/Alert.cjs');
+require('../../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../../components/IconButton/IconButton.cjs');
+require('../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../components/Input/Input.cjs');
+require('../../../components/IsBrowser/IsBrowser.cjs');
+require('../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../../components/Popper/Popper/Popper.cjs');
+require('../../../components/Popper/PopperContext/PopperContext.cjs');
+require('react-focus-lock');
+require('qrcode');
+require('formik');
+require('../../../views/WalletList/WalletList.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('../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
+require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
+require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../../context/PasskeyContext/PasskeyContext.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');
+
+const createNetwork = (network, parser = (input) => input) => ({
+    blockExplorerUrls: network.blockExplorerUrls,
+    chainId: parser(network.chainId),
+    iconUrls: network.iconUrls,
+    lcdUrl: network.lcdUrl,
+    name: network.name,
+    nativeCurrency: network.nativeCurrency,
+    networkId: parser(network.networkId),
+    privateCustomerRpcUrls: network.privateCustomerRpcUrls,
+    rpcUrls: network.rpcUrls,
+    vanityName: network.vanityName,
+});
+const useNetworkConfigurations = ({ environmentId, projectSettings, evmNetworksOverrides, }) => {
+    const storedNetworks = useStoreWithSelector.useStoreWithSelector(store.getStore(), ({ networkConfigurations }) => networkConfigurations);
+    const { isLoading } = 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({});
+        const { networks } = projectSettings;
+        const evm = networks.find((configurations) => configurations.chainName === 'evm');
+        const solana = networks.find((configurations) => configurations.chainName === 'solana');
+        const cosmos = networks.find((configurations) => configurations.chainName === 'cosmos');
+        const starknet = networks.find((configurations) => configurations.chainName === 'starknet');
+        const cosmosNetworks = (_a = cosmos === null || cosmos === void 0 ? void 0 : cosmos.networks) === null || _a === void 0 ? void 0 : _a.map((net) => createNetwork(net, parseInt));
+        let evmNetworks = (_b = evm === null || evm === void 0 ? void 0 : evm.networks) === null || _b === void 0 ? void 0 : _b.map((net) => createNetwork(net, parseInt));
+        const starknetNetworks = (_c = starknet === null || starknet === void 0 ? void 0 : starknet.networks) === null || _c === void 0 ? void 0 : _c.map((net) => createNetwork(net));
+        const solanaNetworks = (_d = solana === null || solana === void 0 ? void 0 : solana.networks) === null || _d === void 0 ? void 0 : _d.map((net) => createNetwork(net));
+        if (evmNetworksOverrides) {
+            if (Array.isArray(evmNetworksOverrides))
+                evmNetworks = evmNetworksOverrides;
+            else
+                evmNetworks = evmNetworksOverrides(evmNetworks !== null && evmNetworks !== void 0 ? evmNetworks : []);
+        }
+        return Promise.resolve({
+            cosmos: cosmosNetworks,
+            evm: evmNetworks,
+            solana: solanaNetworks,
+            starknet: starknetNetworks,
+        });
+    }), {
+        deps: [environmentId, projectSettings, evmNetworksOverrides],
+        enabled: Boolean(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.networks),
+        onResolve: (networkConfigurations) => {
+            const expiry = new Date().getTime() + 60000 * 5;
+            networkConfigurationsActions.setNetworkConfigurations({
+                expiresAt: expiry,
+                networkConfigurations,
+            });
+        },
+    });
+    return {
+        isLoading,
+        networkConfigurations: storedNetworks === null || storedNetworks === void 0 ? void 0 : storedNetworks.networkConfigurations,
+    };
+};
+
+exports.useNetworkConfigurations = useNetworkConfigurations;

package/src/lib/store/hooks/useNetworkConfigurations/useNetworkConfigurations.d.ts

@@ -0,0 +1,12 @@
+import { ProjectSettings } from '@dynamic-labs/sdk-api-core';
+import { NetworkConfigurationMap } from '@dynamic-labs/types';
+import { EvmNetworksOverrides } from '../../../context/DynamicContext/types';
+export type UseNetworkConfigurationsProps = {
+    environmentId: string;
+    projectSettings?: ProjectSettings;
+    evmNetworksOverrides?: EvmNetworksOverrides;
+};
+export declare const useNetworkConfigurations: ({ environmentId, projectSettings, evmNetworksOverrides, }: UseNetworkConfigurationsProps) => {
+    isLoading: boolean;
+    networkConfigurations: NetworkConfigurationMap | undefined;
+};

package/src/lib/store/hooks/useNetworkConfigurations/useNetworkConfigurations.js

@@ -0,0 +1,135 @@
+'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { getStore } from '../../store.js';
+import { useStoreWithSelector } from '../useStoreWithSelector/useStoreWithSelector.js';
+import 'react';
+import '../../../events/dynamicEvents.js';
+import '@dynamic-labs/utils';
+import '../../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/sdk-api-core';
+import '../../../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 '../../../utils/constants/colors.js';
+import '../../../utils/constants/values.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
+import '../../../shared/consts/index.js';
+import '../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../context/ErrorContext/ErrorContext.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import 'viem';
+import 'viem/chains';
+import '../../../config/ApiEndpoint.js';
+import '../../../locale/locale.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 { usePromise } from '../../../utils/hooks/usePromise/usePromise.js';
+import '../../../context/ThemeContext/ThemeContext.js';
+import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import '@dynamic-labs/types';
+import '../../../context/LoadingContext/LoadingContext.js';
+import 'yup';
+import '../../../context/MockContext/MockContext.js';
+import '../../../views/CollectUserDataView/useFields.js';
+import '../../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import { setNetworkConfigurations } from '../../actions/networkConfigurationsActions/networkConfigurationsActions.js';
+import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
+import '../../../components/Alert/Alert.js';
+import '../../../components/ShadowDOM/ShadowDOM.js';
+import '../../../components/IconButton/IconButton.js';
+import '../../../components/InlineWidget/InlineWidget.js';
+import '../../../components/Input/Input.js';
+import '../../../components/IsBrowser/IsBrowser.js';
+import '../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
+import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../../components/Popper/Popper/Popper.js';
+import '../../../components/Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
+import 'qrcode';
+import 'formik';
+import '../../../views/WalletList/WalletList.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 '../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
+import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../context/MfaSettingsContext/MfaSettingsContext.js';
+import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../../context/PasskeyContext/PasskeyContext.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';
+
+const createNetwork = (network, parser = (input) => input) => ({
+    blockExplorerUrls: network.blockExplorerUrls,
+    chainId: parser(network.chainId),
+    iconUrls: network.iconUrls,
+    lcdUrl: network.lcdUrl,
+    name: network.name,
+    nativeCurrency: network.nativeCurrency,
+    networkId: parser(network.networkId),
+    privateCustomerRpcUrls: network.privateCustomerRpcUrls,
+    rpcUrls: network.rpcUrls,
+    vanityName: network.vanityName,
+});
+const useNetworkConfigurations = ({ environmentId, projectSettings, evmNetworksOverrides, }) => {
+    const storedNetworks = useStoreWithSelector(getStore(), ({ networkConfigurations }) => networkConfigurations);
+    const { isLoading } = 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({});
+        const { networks } = projectSettings;
+        const evm = networks.find((configurations) => configurations.chainName === 'evm');
+        const solana = networks.find((configurations) => configurations.chainName === 'solana');
+        const cosmos = networks.find((configurations) => configurations.chainName === 'cosmos');
+        const starknet = networks.find((configurations) => configurations.chainName === 'starknet');
+        const cosmosNetworks = (_a = cosmos === null || cosmos === void 0 ? void 0 : cosmos.networks) === null || _a === void 0 ? void 0 : _a.map((net) => createNetwork(net, parseInt));
+        let evmNetworks = (_b = evm === null || evm === void 0 ? void 0 : evm.networks) === null || _b === void 0 ? void 0 : _b.map((net) => createNetwork(net, parseInt));
+        const starknetNetworks = (_c = starknet === null || starknet === void 0 ? void 0 : starknet.networks) === null || _c === void 0 ? void 0 : _c.map((net) => createNetwork(net));
+        const solanaNetworks = (_d = solana === null || solana === void 0 ? void 0 : solana.networks) === null || _d === void 0 ? void 0 : _d.map((net) => createNetwork(net));
+        if (evmNetworksOverrides) {
+            if (Array.isArray(evmNetworksOverrides))
+                evmNetworks = evmNetworksOverrides;
+            else
+                evmNetworks = evmNetworksOverrides(evmNetworks !== null && evmNetworks !== void 0 ? evmNetworks : []);
+        }
+        return Promise.resolve({
+            cosmos: cosmosNetworks,
+            evm: evmNetworks,
+            solana: solanaNetworks,
+            starknet: starknetNetworks,
+        });
+    }), {
+        deps: [environmentId, projectSettings, evmNetworksOverrides],
+        enabled: Boolean(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.networks),
+        onResolve: (networkConfigurations) => {
+            const expiry = new Date().getTime() + 60000 * 5;
+            setNetworkConfigurations({
+                expiresAt: expiry,
+                networkConfigurations,
+            });
+        },
+    });
+    return {
+        isLoading,
+        networkConfigurations: storedNetworks === null || storedNetworks === void 0 ? void 0 : storedNetworks.networkConfigurations,
+    };
+};
+
+export { useNetworkConfigurations };

package/src/lib/store/hooks/useProjectSettings/index.d.ts

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

package/src/lib/{utils/hooks/useFetchProjectSettings/useFetchProjectSettings.cjs → store/hooks/useProjectSettings/useProjectSettings.cjs}

@@ -4,49 +4,52 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
-var React = require('react');
 var utils = require('@dynamic-labs/utils');
-require('@dynamic-labs/sdk-api-core');
+var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 require('../../../shared/logger.cjs');
 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');
-var localStorage = require('../../constants/localStorage.cjs');
-require('../../constants/colors.cjs');
-require('../../constants/values.cjs');
-var localStorage$1 = require('../../../shared/utils/classes/storage/localStorage.cjs');
-var useLocalStorage = require('../../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
+var localStorage$1 = require('../../../utils/constants/localStorage.cjs');
+require('../../../utils/constants/colors.cjs');
+require('../../../utils/constants/values.cjs');
+var localStorage = require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('../../../shared/consts/index.cjs');
 require('../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('viem');
+require('viem/chains');
+var store = require('../../store.cjs');
 var settings = require('../../../data/api/settings/settings.cjs');
 require('../../../locale/locale.cjs');
-var validators = require('../../../context/DynamicContext/validators/validators.cjs');
+var projectSettingsActions = require('../../actions/projectSettingsActions/projectSettingsActions.cjs');
+var useStoreWithSelector = require('../useStoreWithSelector/useStoreWithSelector.cjs');
 require('../../../events/dynamicEvents.cjs');
 require('../../../context/DynamicContext/DynamicContext.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
-require('@dynamic-labs/multi-wallet');
-require('react-international-phone');
-require('viem');
-require('viem/chains');
 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');
-var usePromise = require('../usePromise/usePromise.cjs');
+var usePromise = require('../../../utils/hooks/usePromise/usePromise.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
+require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
+require('../../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../../context/MockContext/MockContext.cjs');
-require('react-i18next');
+require('../../../views/CollectUserDataView/useFields.cjs');
 require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
-require('../useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
+require('react-i18next');
 require('../../../components/Alert/Alert.cjs');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../components/IconButton/IconButton.cjs');
@@ -68,24 +71,20 @@ require('../../../views/WalletList/WalletList.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
+require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.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');
 
-const useFetchProjectSettings = ({ authToken, environmentId, retries = 2, }) => {
-    const [lsSettings, setLsSettings, removeLsSettings] = useLocalStorage.useLocalStorage(localStorage.PROJECT_SETTINGS_STORAGE_KEY, undefined, validators.validateLocalStorageExpiry);
-    const lsSettingsExists = (lsSettings === null || lsSettings === void 0 ? void 0 : lsSettings.settings) !== undefined ? true : false;
-    if (lsSettings &&
-        lsSettings.environmentId &&
-        lsSettings.environmentId !== environmentId) {
-        removeLsSettings();
-    }
+const useProjectSettings = ({ environmentId, retries = 2, }) => {
+    const storedSettings = useStoreWithSelector.useStoreWithSelector(store.getStore(), ({ projectSettings }) => projectSettings);
+    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 settings$1 = yield settings.fetchProjectSettings(environmentId);
         if (!settings$1)
@@ -95,31 +94,20 @@ const useFetchProjectSettings = ({ authToken, environmentId, retries = 2, }) =>
         deps: [environmentId],
         enabled: !lsSettingsExists,
         onResolve: (projectSettings) => {
+            var _a, _b;
             const expiry = new Date().getTime() + 60000 * 5;
-            setLsSettings({
-                environmentId,
-                expiry: expiry,
+            localStorage.LocalStorage.setToLS(localStorage$1.COOKIE_ENABLED_KEY, ((_b = (_a = projectSettings.security.auth) === null || _a === void 0 ? void 0 : _a.storage) !== null && _b !== void 0 ? _b : []).includes(sdkApiCore.AuthStorageEnum.Cookie));
+            projectSettingsActions.setProjectSettings({
+                expiresAt: expiry,
                 settings: projectSettings,
             });
         },
         retries,
     });
-    /**
-     * This useEffect is require to clean up the project settings
-     * from local storage when no token or connect only wallet is
-     * present
-     */
-    React.useEffect(() => {
-        const [connectedWalletData] = localStorage$1.LocalStorage.getFromLS(localStorage.CONNECTED_WALLETS_INFO) || [];
-        if (!authToken && !connectedWalletData) {
-            removeLsSettings();
-        }
-    }, [authToken, removeLsSettings]);
     return {
         isLoading,
-        projectSettings: lsSettings === null || lsSettings === void 0 ? void 0 : lsSettings.settings,
-        removeLsSettings,
+        projectSettings: storedSettings === null || storedSettings === void 0 ? void 0 : storedSettings.settings,
     };
 };
 
-exports.useFetchProjectSettings = useFetchProjectSettings;
+exports.useProjectSettings = useProjectSettings;

package/src/lib/store/hooks/useProjectSettings/useProjectSettings.d.ts

@@ -0,0 +1,9 @@
+import { ProjectSettings } from '@dynamic-labs/sdk-api-core';
+export type UseProjectSettingsProps = {
+    environmentId: string;
+    retries?: number;
+};
+export declare const useProjectSettings: ({ environmentId, retries, }: UseProjectSettingsProps) => {
+    isLoading: boolean;
+    projectSettings: ProjectSettings | undefined;
+};

package/src/lib/{utils/hooks/useFetchProjectSettings/useFetchProjectSettings.js → store/hooks/useProjectSettings/useProjectSettings.js}

@@ -1,48 +1,51 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { useEffect } from 'react';
 import { DynamicError } from '@dynamic-labs/utils';
-import '@dynamic-labs/sdk-api-core';
+import { AuthStorageEnum } from '@dynamic-labs/sdk-api-core';
 import '../../../shared/logger.js';
 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 { PROJECT_SETTINGS_STORAGE_KEY, CONNECTED_WALLETS_INFO } from '../../constants/localStorage.js';
-import '../../constants/colors.js';
-import '../../constants/values.js';
+import { COOKIE_ENABLED_KEY } from '../../../utils/constants/localStorage.js';
+import '../../../utils/constants/colors.js';
+import '../../../utils/constants/values.js';
 import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
-import { useLocalStorage } from '../../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
 import '../../../shared/consts/index.js';
 import '../../../config/ApiEndpoint.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import 'viem';
+import 'viem/chains';
+import { getStore } from '../../store.js';
 import { fetchProjectSettings } from '../../../data/api/settings/settings.js';
 import '../../../locale/locale.js';
-import { validateLocalStorageExpiry } from '../../../context/DynamicContext/validators/validators.js';
+import { setProjectSettings } from '../../actions/projectSettingsActions/projectSettingsActions.js';
+import { useStoreWithSelector } from '../useStoreWithSelector/useStoreWithSelector.js';
 import '../../../events/dynamicEvents.js';
 import '../../../context/DynamicContext/DynamicContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
-import '@dynamic-labs/multi-wallet';
-import 'react-international-phone';
-import 'viem';
-import 'viem/chains';
 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 { usePromise } from '../usePromise/usePromise.js';
+import { usePromise } from '../../../utils/hooks/usePromise/usePromise.js';
 import '../../../context/ThemeContext/ThemeContext.js';
+import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
+import '../../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../../context/MockContext/MockContext.js';
-import 'react-i18next';
+import '../../../views/CollectUserDataView/useFields.js';
 import '../../../context/FieldsStateContext/FieldsStateContext.js';
-import '../useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
 import '../../../components/Alert/Alert.js';
 import '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../components/IconButton/IconButton.js';
@@ -64,24 +67,20 @@ import '../../../views/WalletList/WalletList.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../../context/LoadingContext/LoadingContext.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../context/MfaSettingsContext/MfaSettingsContext.js';
+import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../context/PasskeyContext/PasskeyContext.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';
 
-const useFetchProjectSettings = ({ authToken, environmentId, retries = 2, }) => {
-    const [lsSettings, setLsSettings, removeLsSettings] = useLocalStorage(PROJECT_SETTINGS_STORAGE_KEY, undefined, validateLocalStorageExpiry);
-    const lsSettingsExists = (lsSettings === null || lsSettings === void 0 ? void 0 : lsSettings.settings) !== undefined ? true : false;
-    if (lsSettings &&
-        lsSettings.environmentId &&
-        lsSettings.environmentId !== environmentId) {
-        removeLsSettings();
-    }
+const useProjectSettings = ({ environmentId, retries = 2, }) => {
+    const storedSettings = useStoreWithSelector(getStore(), ({ projectSettings }) => projectSettings);
+    const lsSettingsExists = Boolean(storedSettings === null || storedSettings === void 0 ? void 0 : storedSettings.settings);
     const { isLoading } = usePromise(() => __awaiter(void 0, void 0, void 0, function* () {
         const settings = yield fetchProjectSettings(environmentId);
         if (!settings)
@@ -91,31 +90,20 @@ const useFetchProjectSettings = ({ authToken, environmentId, retries = 2, }) =>
         deps: [environmentId],
         enabled: !lsSettingsExists,
         onResolve: (projectSettings) => {
+            var _a, _b;
             const expiry = new Date().getTime() + 60000 * 5;
-            setLsSettings({
-                environmentId,
-                expiry: expiry,
+            LocalStorage.setToLS(COOKIE_ENABLED_KEY, ((_b = (_a = projectSettings.security.auth) === null || _a === void 0 ? void 0 : _a.storage) !== null && _b !== void 0 ? _b : []).includes(AuthStorageEnum.Cookie));
+            setProjectSettings({
+                expiresAt: expiry,
                 settings: projectSettings,
             });
         },
         retries,
     });
-    /**
-     * This useEffect is require to clean up the project settings
-     * from local storage when no token or connect only wallet is
-     * present
-     */
-    useEffect(() => {
-        const [connectedWalletData] = LocalStorage.getFromLS(CONNECTED_WALLETS_INFO) || [];
-        if (!authToken && !connectedWalletData) {
-            removeLsSettings();
-        }
-    }, [authToken, removeLsSettings]);
     return {
         isLoading,
-        projectSettings: lsSettings === null || lsSettings === void 0 ? void 0 : lsSettings.settings,
-        removeLsSettings,
+        projectSettings: storedSettings === null || storedSettings === void 0 ? void 0 : storedSettings.settings,
     };
 };
 
-export { useFetchProjectSettings };
+export { useProjectSettings };

package/src/lib/store/hooks/useStoreWithSelector/index.d.ts

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

package/src/lib/store/hooks/useStoreWithSelector/useStoreWithSelector.cjs

@@ -0,0 +1,31 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+/**
+ * Custom hook that provides a slice of the store state based on a selector function.
+ *
+ * @template TState - The type of the store state.
+ * @template StateSlice - The type of the selected slice of the store state.
+ * @param {StoreApi<TState>} api - The store API object.
+ * @param {(state: TState) => StateSlice} selector - The selector function to extract the desired store slice.
+ * @returns {StateSlice} - The selected slice of the store state.
+ *
+ * @example
+ * const store = createStore(() => ({
+ *   count: 0,
+ * }))
+ *
+ * const count = useStoreWithSelector(store, ({ count }) => count);
+ */
+const useStoreWithSelector = (api, selector) => {
+    const getSnapshot = () => selector(api.getState());
+    const getServerSnapshot = () => selector(api.getInitialState());
+    const slice = React.useSyncExternalStore(api.subscribe, getSnapshot, getServerSnapshot);
+    return slice;
+};
+
+exports.useStoreWithSelector = useStoreWithSelector;

package/src/lib/store/hooks/useStoreWithSelector/useStoreWithSelector.d.ts

@@ -0,0 +1,2 @@
+import { StoreApi } from '@dynamic-labs/store';
+export declare const useStoreWithSelector: <TState extends object, StateSlice>(api: StoreApi<TState>, selector: (state: TState) => StateSlice) => StateSlice;