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

package/src/lib/shared/utils/hooks/usePrefetch/usePrefetch.cjs

@@ -0,0 +1,52 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('@dynamic-labs/sdk-api-core');
+require('../../../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 isSSR = require('../../functions/isSSR/isSSR.cjs');
+require('../../../../utils/constants/colors.cjs');
+require('../../../../utils/constants/values.cjs');
+require('../../classes/storage/localStorage.cjs');
+require('../../classes/storage/sessionStorage.cjs');
+
+/**
+ * Prefetches a resource
+ * Adds a link element to the head of the document with the provided attributes
+ * when the element is not already present
+ * @param {PrefetchProps} prefetchProps
+ * @returns {void}
+ *
+ * @example
+ * usePrefetch({
+ *  href: 'https://example.com/image.jpg',
+ *  as: 'image',
+ *  type: 'image/jpeg',
+ *  id: 'image-prefetch',
+ * });
+ */
+const usePrefetch = ({ as, href, id, type }) => {
+    // Do not run on server side
+    if (isSSR.isSSR())
+        return;
+    const predefinedElement = document.head.querySelector(`#${id}`);
+    // Do not add the element if it already exists
+    if (predefinedElement)
+        return;
+    const element = document.createElement('link');
+    element.setAttribute('id', id);
+    element.setAttribute('rel', 'prefetch');
+    element.setAttribute('href', href);
+    element.setAttribute('as', as);
+    element.setAttribute('type', type);
+    document.head.insertAdjacentElement('beforeend', element);
+};
+
+exports.usePrefetch = usePrefetch;

package/src/lib/shared/utils/hooks/usePrefetch/usePrefetch.d.ts

@@ -0,0 +1,23 @@
+type PrefetchProps = {
+    href: string;
+    as: string;
+    type: string;
+    id: string;
+};
+/**
+ * Prefetches a resource
+ * Adds a link element to the head of the document with the provided attributes
+ * when the element is not already present
+ * @param {PrefetchProps} prefetchProps
+ * @returns {void}
+ *
+ * @example
+ * usePrefetch({
+ *  href: 'https://example.com/image.jpg',
+ *  as: 'image',
+ *  type: 'image/jpeg',
+ *  id: 'image-prefetch',
+ * });
+ */
+export declare const usePrefetch: ({ as, href, id, type }: PrefetchProps) => void;
+export {};

package/src/lib/shared/utils/hooks/usePrefetch/usePrefetch.js

@@ -0,0 +1,48 @@
+'use client'
+import '@dynamic-labs/sdk-api-core';
+import '../../../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 { isSSR } from '../../functions/isSSR/isSSR.js';
+import '../../../../utils/constants/colors.js';
+import '../../../../utils/constants/values.js';
+import '../../classes/storage/localStorage.js';
+import '../../classes/storage/sessionStorage.js';
+
+/**
+ * Prefetches a resource
+ * Adds a link element to the head of the document with the provided attributes
+ * when the element is not already present
+ * @param {PrefetchProps} prefetchProps
+ * @returns {void}
+ *
+ * @example
+ * usePrefetch({
+ *  href: 'https://example.com/image.jpg',
+ *  as: 'image',
+ *  type: 'image/jpeg',
+ *  id: 'image-prefetch',
+ * });
+ */
+const usePrefetch = ({ as, href, id, type }) => {
+    // Do not run on server side
+    if (isSSR())
+        return;
+    const predefinedElement = document.head.querySelector(`#${id}`);
+    // Do not add the element if it already exists
+    if (predefinedElement)
+        return;
+    const element = document.createElement('link');
+    element.setAttribute('id', id);
+    element.setAttribute('rel', 'prefetch');
+    element.setAttribute('href', href);
+    element.setAttribute('as', as);
+    element.setAttribute('type', type);
+    document.head.insertAdjacentElement('beforeend', element);
+};
+
+export { usePrefetch };

package/src/lib/store/actions/projectSettingsActions/projectSettingsActions.cjs

@@ -6,5 +6,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var store = require('../../store.cjs');
 
 const setProjectSettings = (projectSettings) => store.getStore().setState({ projectSettings });
+const getProjectSettings = () => store.getStore().getState().projectSettings;
 
+exports.getProjectSettings = getProjectSettings;
 exports.setProjectSettings = setProjectSettings;

package/src/lib/store/actions/projectSettingsActions/projectSettingsActions.js

@@ -2,5 +2,6 @@
 import { getStore } from '../../store.js';
 
 const setProjectSettings = (projectSettings) => getStore().setState({ projectSettings });
+const getProjectSettings = () => getStore().getState().projectSettings;
 
-export { setProjectSettings };
+export { getProjectSettings, setProjectSettings };

package/src/lib/store/actions/walletConnectorOptionsActions/index.d.ts

@@ -0,0 +1 @@
+export { getWalletConnectorOptions, setWalletConnectorOptions, removeWalletConnectorOptions, type GetWalletConnectorOptionsAction, type RemoveWalletConnectorOptionsAction, type SetWalletConnectorOptionsAction, } from './walletConnectorOptionsActions';

package/src/lib/store/actions/walletConnectorOptionsActions/walletConnectorOptionsActions.cjs

@@ -0,0 +1,10 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var store = require('../../store.cjs');
+
+const setWalletConnectorOptions = (walletConnectorOptions) => store.getStore().setState({ walletConnectorOptions });
+
+exports.setWalletConnectorOptions = setWalletConnectorOptions;

package/src/lib/store/actions/walletConnectorOptionsActions/walletConnectorOptionsActions.d.ts

@@ -0,0 +1,7 @@
+import { WalletOption } from '../../../shared';
+export type SetWalletConnectorOptionsAction = (walletConnectorOptions: WalletOption[]) => void;
+export type GetWalletConnectorOptionsAction = () => WalletOption[];
+export type RemoveWalletConnectorOptionsAction = () => void;
+export declare const setWalletConnectorOptions: SetWalletConnectorOptionsAction;
+export declare const getWalletConnectorOptions: GetWalletConnectorOptionsAction;
+export declare const removeWalletConnectorOptions: RemoveWalletConnectorOptionsAction;

package/src/lib/store/actions/walletConnectorOptionsActions/walletConnectorOptionsActions.js

@@ -0,0 +1,6 @@
+'use client'
+import { getStore } from '../../store.js';
+
+const setWalletConnectorOptions = (walletConnectorOptions) => getStore().setState({ walletConnectorOptions });
+
+export { setWalletConnectorOptions };

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

@@ -28,8 +28,7 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../locale/locale.cjs');
-require('viem');
-require('viem/chains');
+var networkConfigurationsActions = require('../../actions/networkConfigurationsActions/networkConfigurationsActions.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
@@ -46,7 +45,6 @@ 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/Accordion/components/AccordionItem/AccordionItem.cjs');
@@ -80,6 +78,17 @@ require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWi
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../../polyfills.cjs');
+require('../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
+require('../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
+require('../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
+require('../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
+require('../../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
+require('../../../context/FundingContext/FundingContext.cjs');
+require('../../../context/SendBalanceContext/SendBalanceContext.cjs');
+require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../../context/ConnectWithOtpContext/constants.cjs');
+require('../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
 
 const createNetwork = (network, parser = (input) => input) => ({
     blockExplorerUrls: network.blockExplorerUrls,

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

@@ -24,8 +24,7 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../../config/ApiEndpoint.js';
 import '../../../locale/locale.js';
-import 'viem';
-import 'viem/chains';
+import { setNetworkConfigurations } from '../../actions/networkConfigurationsActions/networkConfigurationsActions.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
@@ -42,7 +41,6 @@ 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/Accordion/components/AccordionItem/AccordionItem.js';
@@ -76,6 +74,17 @@ import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWid
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../../polyfills.js';
+import '../../../context/ErrorBoundary/ErrorBoundaryBase.js';
+import '../../../context/ErrorBoundary/ErrorBoundaryContext.js';
+import '../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
+import '../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
+import '../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
+import '../../../context/FundingContext/FundingContext.js';
+import '../../../context/SendBalanceContext/SendBalanceContext.js';
+import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../../context/ConnectWithOtpContext/constants.js';
+import '../../../context/ReinitializeContext/ReinitializeContextProvider.js';
 
 const createNetwork = (network, parser = (input) => input) => ({
     blockExplorerUrls: network.blockExplorerUrls,

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var utils = require('@dynamic-labs/utils');
-var sdkApiCore = require('@dynamic-labs/sdk-api-core');
+require('@dynamic-labs/sdk-api-core');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
@@ -13,20 +13,15 @@ require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('react');
 require('@dynamic-labs/wallet-book');
-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/utils/classes/storage/localStorage.cjs');
 require('../../../shared/utils/classes/storage/sessionStorage.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 projectSettingsActions = require('../../actions/projectSettingsActions/projectSettingsActions.cjs');
 var useStoreWithSelector = require('../useStoreWithSelector/useStoreWithSelector.cjs');
 require('../../../events/dynamicEvents.cjs');
@@ -72,6 +67,7 @@ require('formik');
 require('../../../views/WalletList/WalletList.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('../../../locale/locale.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
@@ -82,6 +78,18 @@ require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWi
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../../polyfills.cjs');
+require('../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
+require('../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
+require('../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
+require('../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
+require('../../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
+require('../../../context/FundingContext/FundingContext.cjs');
+require('../../../context/SendBalanceContext/SendBalanceContext.cjs');
+require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../../context/ConnectWithOtpContext/constants.cjs');
+require('../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
+var settings = require('../../../data/api/settings/settings.cjs');
 
 const useProjectSettings = ({ environmentId, retries = 2, }) => {
     const storedSettings = useStoreWithSelector.useStoreWithSelector(store.getStore(), ({ projectSettings }) => projectSettings);
@@ -95,9 +103,7 @@ const useProjectSettings = ({ environmentId, retries = 2, }) => {
         deps: [environmentId],
         enabled: !lsSettingsExists,
         onResolve: (projectSettings) => {
-            var _a, _b;
             const expiry = new Date().getTime() + 60000 * 5;
-            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,

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

@@ -1,7 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { DynamicError } from '@dynamic-labs/utils';
-import { AuthStorageEnum } from '@dynamic-labs/sdk-api-core';
+import '@dynamic-labs/sdk-api-core';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
@@ -9,20 +9,15 @@ import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import 'react';
 import '@dynamic-labs/wallet-book';
-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 '../../../shared/utils/classes/storage/localStorage.js';
 import '../../../shared/utils/classes/storage/sessionStorage.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 { setProjectSettings } from '../../actions/projectSettingsActions/projectSettingsActions.js';
 import { useStoreWithSelector } from '../useStoreWithSelector/useStoreWithSelector.js';
 import '../../../events/dynamicEvents.js';
@@ -68,6 +63,7 @@ import 'formik';
 import '../../../views/WalletList/WalletList.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '../../../locale/locale.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
@@ -78,6 +74,18 @@ import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWid
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../../polyfills.js';
+import '../../../context/ErrorBoundary/ErrorBoundaryBase.js';
+import '../../../context/ErrorBoundary/ErrorBoundaryContext.js';
+import '../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
+import '../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
+import '../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
+import '../../../context/FundingContext/FundingContext.js';
+import '../../../context/SendBalanceContext/SendBalanceContext.js';
+import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../../context/ConnectWithOtpContext/constants.js';
+import '../../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import { fetchProjectSettings } from '../../../data/api/settings/settings.js';
 
 const useProjectSettings = ({ environmentId, retries = 2, }) => {
     const storedSettings = useStoreWithSelector(getStore(), ({ projectSettings }) => projectSettings);
@@ -91,9 +99,7 @@ const useProjectSettings = ({ environmentId, retries = 2, }) => {
         deps: [environmentId],
         enabled: !lsSettingsExists,
         onResolve: (projectSettings) => {
-            var _a, _b;
             const expiry = new Date().getTime() + 60000 * 5;
-            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,

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

@@ -2,7 +2,8 @@ export * from './actions/networkConfigurationsActions';
 export * from './actions/projectSettingsActions';
 export * from './actions/storeActions';
 export * from './actions/userActions';
+export * from './actions/walletConnectorOptionsActions';
 export * from './hooks/useNetworkConfigurations';
 export * from './hooks/useProjectSettings';
 export * from './hooks/useUser';
-export { initializeStore } from './store';
+export { initializeStore, removeStoreInstance } from './store';

package/src/lib/store/store.cjs

@@ -17,6 +17,11 @@ const getStore = () => {
     }
     return store;
 };
+const removeStoreInstance = () => {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    store = undefined;
+};
 const initializeStore = ({ storageSuffix, environmentId, }) => {
     if (store) {
         return;
@@ -24,16 +29,24 @@ const initializeStore = ({ storageSuffix, environmentId, }) => {
     const persistName = storageSuffix
         ? `${localStorage$1.STORE_STORAGE_KEY}_${storageSuffix}`
         : localStorage$1.STORE_STORAGE_KEY;
-    const persist = store$1.createPersist({
+    store = clearExpiredData.clearExpiredData(syncLegacyStorage.syncLegacyStorage(store$1.persist({
         name: persistName,
+        // return props that should be persisted
+        partialize: (state) => ({
+            environmentId: state.environmentId,
+            networkConfigurations: state.networkConfigurations,
+            projectSettings: state.projectSettings,
+            user: state.user,
+        }),
         storage: getStorage(),
-    });
-    store = clearExpiredData.clearExpiredData(syncLegacyStorage.syncLegacyStorage(persist(store$1.createStore(() => ({
-        environmentId,
-        networkConfigurations: undefined,
-        projectSettings: undefined,
-        user: undefined,
-    })))));
+        store: store$1.createStore(() => ({
+            environmentId,
+            networkConfigurations: undefined,
+            projectSettings: undefined,
+            user: undefined,
+            walletConnectorOptions: [],
+        })),
+    })));
 };
 const getStorage = () => {
     if (typeof localStorage === 'undefined') {
@@ -47,3 +60,4 @@ const getStorage = () => {
 
 exports.getStore = getStore;
 exports.initializeStore = initializeStore;
+exports.removeStoreInstance = removeStoreInstance;

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

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

package/src/lib/store/store.js

@@ -1,5 +1,5 @@
 'use client'
-import { createPersist, createStore } from '@dynamic-labs/store';
+import { persist, createStore } from '@dynamic-labs/store';
 import { STORE_STORAGE_KEY } from '../utils/constants/localStorage.js';
 import '../utils/constants/colors.js';
 import '../utils/constants/values.js';
@@ -13,6 +13,11 @@ const getStore = () => {
     }
     return store;
 };
+const removeStoreInstance = () => {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    store = undefined;
+};
 const initializeStore = ({ storageSuffix, environmentId, }) => {
     if (store) {
         return;
@@ -20,16 +25,24 @@ const initializeStore = ({ storageSuffix, environmentId, }) => {
     const persistName = storageSuffix
         ? `${STORE_STORAGE_KEY}_${storageSuffix}`
         : STORE_STORAGE_KEY;
-    const persist = createPersist({
+    store = clearExpiredData(syncLegacyStorage(persist({
         name: persistName,
+        // return props that should be persisted
+        partialize: (state) => ({
+            environmentId: state.environmentId,
+            networkConfigurations: state.networkConfigurations,
+            projectSettings: state.projectSettings,
+            user: state.user,
+        }),
         storage: getStorage(),
-    });
-    store = clearExpiredData(syncLegacyStorage(persist(createStore(() => ({
-        environmentId,
-        networkConfigurations: undefined,
-        projectSettings: undefined,
-        user: undefined,
-    })))));
+        store: createStore(() => ({
+            environmentId,
+            networkConfigurations: undefined,
+            projectSettings: undefined,
+            user: undefined,
+            walletConnectorOptions: [],
+        })),
+    })));
 };
 const getStorage = () => {
     if (typeof localStorage === 'undefined') {
@@ -41,4 +54,4 @@ const getStorage = () => {
     return window.localStorage;
 };
 
-export { getStore, initializeStore };
+export { getStore, initializeStore, removeStoreInstance };

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

@@ -1,5 +1,6 @@
 import { ProjectSettings } from '@dynamic-labs/sdk-api-core';
 import { NetworkConfigurationMap, UserProfile } from '@dynamic-labs/types';
+import { WalletOption } from '../shared';
 export type SdkStoreProps = {
     environmentId: string;
     storageSuffix?: string;
@@ -9,6 +10,7 @@ export type SdkStore = {
     user: UserProfile | undefined;
     projectSettings: StoredProjectSettings | undefined;
     networkConfigurations: StoredNetworkConfigurations | undefined;
+    walletConnectorOptions: WalletOption[];
 };
 export type StoredProjectSettings = {
     expiresAt: number;

package/src/lib/store/utils/storeAuthTokenAndUser/storeAuthTokenAndUser.cjs

@@ -25,8 +25,6 @@ require('../../../config/ApiEndpoint.cjs');
 var userActions = require('../../actions/userActions/userActions.cjs');
 require('../../../locale/locale.cjs');
 var index = require('../../../utils/functions/storeAuthToken/index.cjs');
-require('viem');
-require('viem/chains');
 var isCookieEnabled = require('../../../utils/functions/isCookieEnabled/isCookieEnabled.cjs');
 var storeExpiresAt = require('../../../utils/functions/storeExpiresAt/storeExpiresAt.cjs');
 

package/src/lib/store/utils/storeAuthTokenAndUser/storeAuthTokenAndUser.js

@@ -21,8 +21,6 @@ import '../../../config/ApiEndpoint.js';
 import { setUser } from '../../actions/userActions/userActions.js';
 import '../../../locale/locale.js';
 import { storeAuthToken } from '../../../utils/functions/storeAuthToken/index.js';
-import 'viem';
-import 'viem/chains';
 import { isCookieEnabled } from '../../../utils/functions/isCookieEnabled/isCookieEnabled.js';
 import { storeExpiresAt } from '../../../utils/functions/storeExpiresAt/storeExpiresAt.js';