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

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;

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

@@ -0,0 +1,27 @@
+'use client'
+import { useSyncExternalStore } from '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 = useSyncExternalStore(api.subscribe, getSnapshot, getServerSnapshot);
+    return slice;
+};
+
+export { useStoreWithSelector };

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

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

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

@@ -0,0 +1,24 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var store = require('../../store.cjs');
+var useStoreWithSelector = require('../useStoreWithSelector/useStoreWithSelector.cjs');
+
+const useUser = () => {
+    var _a, _b;
+    const userFromStore = useStoreWithSelector.useStoreWithSelector(store.getStore(), ({ user }) => user);
+    // adding unauthenticatedUser to avoid breaking changes for customer who consider that when we have a user,
+    // it means that they are already fully authenticated.
+    // since we won't have onboarding jwt anymore, the idea is to just store the user in LS and either use the user state
+    // or unauthenticatedUser, depending on the value of missing fields or mfa required.
+    // this is just following our existing logic of how we handle authToken vs onboardingOnlyToken.
+    if (((_a = userFromStore === null || userFromStore === void 0 ? void 0 : userFromStore.missingFields) === null || _a === void 0 ? void 0 : _a.length) ||
+        ((_b = userFromStore === null || userFromStore === void 0 ? void 0 : userFromStore.scope) === null || _b === void 0 ? void 0 : _b.includes('requiresAdditionalAuth'))) {
+        return { unauthenticatedUser: userFromStore };
+    }
+    return { user: userFromStore };
+};
+
+exports.useUser = useUser;

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

@@ -0,0 +1,7 @@
+export declare const useUser: () => {
+    unauthenticatedUser: import("dist/packages/types/src").UserProfile;
+    user?: undefined;
+} | {
+    user: import("dist/packages/types/src").UserProfile | undefined;
+    unauthenticatedUser?: undefined;
+};

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

@@ -0,0 +1,20 @@
+'use client'
+import { getStore } from '../../store.js';
+import { useStoreWithSelector } from '../useStoreWithSelector/useStoreWithSelector.js';
+
+const useUser = () => {
+    var _a, _b;
+    const userFromStore = useStoreWithSelector(getStore(), ({ user }) => user);
+    // adding unauthenticatedUser to avoid breaking changes for customer who consider that when we have a user,
+    // it means that they are already fully authenticated.
+    // since we won't have onboarding jwt anymore, the idea is to just store the user in LS and either use the user state
+    // or unauthenticatedUser, depending on the value of missing fields or mfa required.
+    // this is just following our existing logic of how we handle authToken vs onboardingOnlyToken.
+    if (((_a = userFromStore === null || userFromStore === void 0 ? void 0 : userFromStore.missingFields) === null || _a === void 0 ? void 0 : _a.length) ||
+        ((_b = userFromStore === null || userFromStore === void 0 ? void 0 : userFromStore.scope) === null || _b === void 0 ? void 0 : _b.includes('requiresAdditionalAuth'))) {
+        return { unauthenticatedUser: userFromStore };
+    }
+    return { user: userFromStore };
+};
+
+export { useUser };

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

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

package/src/lib/store/store.cjs

@@ -0,0 +1,49 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var store$1 = require('@dynamic-labs/store');
+var localStorage$1 = require('../utils/constants/localStorage.cjs');
+require('../utils/constants/colors.cjs');
+require('../utils/constants/values.cjs');
+var syncLegacyStorage = require('./utils/syncLegacyStorage/syncLegacyStorage.cjs');
+var clearExpiredData = require('./utils/clearExpiredData/clearExpiredData.cjs');
+
+let store;
+const getStore = () => {
+    if (!store) {
+        throw new Error('Store not initialized');
+    }
+    return store;
+};
+const initializeStore = ({ storageSuffix, environmentId, }) => {
+    if (store) {
+        return;
+    }
+    const persistName = storageSuffix
+        ? `${localStorage$1.STORE_STORAGE_KEY}_${storageSuffix}`
+        : localStorage$1.STORE_STORAGE_KEY;
+    const persist = store$1.createPersist({
+        name: persistName,
+        storage: getStorage(),
+    });
+    store = clearExpiredData.clearExpiredData(syncLegacyStorage.syncLegacyStorage(persist(store$1.createStore(() => ({
+        environmentId,
+        networkConfigurations: undefined,
+        projectSettings: undefined,
+        user: undefined,
+    })))));
+};
+const getStorage = () => {
+    if (typeof localStorage === 'undefined') {
+        return {
+            getItem: () => null,
+            setItem: () => { },
+        };
+    }
+    return window.localStorage;
+};
+
+exports.getStore = getStore;
+exports.initializeStore = initializeStore;

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

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

package/src/lib/store/store.js

@@ -0,0 +1,44 @@
+'use client'
+import { createPersist, createStore } from '@dynamic-labs/store';
+import { STORE_STORAGE_KEY } from '../utils/constants/localStorage.js';
+import '../utils/constants/colors.js';
+import '../utils/constants/values.js';
+import { syncLegacyStorage } from './utils/syncLegacyStorage/syncLegacyStorage.js';
+import { clearExpiredData } from './utils/clearExpiredData/clearExpiredData.js';
+
+let store;
+const getStore = () => {
+    if (!store) {
+        throw new Error('Store not initialized');
+    }
+    return store;
+};
+const initializeStore = ({ storageSuffix, environmentId, }) => {
+    if (store) {
+        return;
+    }
+    const persistName = storageSuffix
+        ? `${STORE_STORAGE_KEY}_${storageSuffix}`
+        : STORE_STORAGE_KEY;
+    const persist = createPersist({
+        name: persistName,
+        storage: getStorage(),
+    });
+    store = clearExpiredData(syncLegacyStorage(persist(createStore(() => ({
+        environmentId,
+        networkConfigurations: undefined,
+        projectSettings: undefined,
+        user: undefined,
+    })))));
+};
+const getStorage = () => {
+    if (typeof localStorage === 'undefined') {
+        return {
+            getItem: () => null,
+            setItem: () => { },
+        };
+    }
+    return window.localStorage;
+};
+
+export { getStore, initializeStore };

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

@@ -0,0 +1,20 @@
+import { ProjectSettings } from '@dynamic-labs/sdk-api-core';
+import { NetworkConfigurationMap, UserProfile } from '@dynamic-labs/types';
+export type SdkStoreProps = {
+    environmentId: string;
+    storageSuffix?: string;
+};
+export type SdkStore = {
+    environmentId: string | undefined;
+    user: UserProfile | undefined;
+    projectSettings: StoredProjectSettings | undefined;
+    networkConfigurations: StoredNetworkConfigurations | undefined;
+};
+export type StoredProjectSettings = {
+    expiresAt: number;
+    settings: ProjectSettings;
+};
+export type StoredNetworkConfigurations = {
+    expiresAt: number;
+    networkConfigurations: NetworkConfigurationMap;
+};

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

@@ -0,0 +1,37 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var localStorage$1 = require('../../../utils/constants/localStorage.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('react');
+require('@dynamic-labs/wallet-book');
+require('../../../utils/constants/colors.cjs');
+require('../../../utils/constants/values.cjs');
+var localStorage = require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('@dynamic-labs/utils');
+require('../../../shared/consts/index.cjs');
+
+const clearExpiredData = (store) => {
+    const { projectSettings, networkConfigurations, user } = store.getState();
+    // TODO: we can clean this up once we move wallet info to the store
+    const [connectedWalletData] = localStorage.LocalStorage.getFromLS(localStorage$1.CONNECTED_WALLETS_INFO) || [];
+    const shouldRemoveSettingsAndConfigs = !user && !connectedWalletData;
+    if ((projectSettings && projectSettings.expiresAt < Date.now()) ||
+        shouldRemoveSettingsAndConfigs) {
+        store.setState({ projectSettings: undefined });
+    }
+    if ((networkConfigurations && networkConfigurations.expiresAt < Date.now()) ||
+        shouldRemoveSettingsAndConfigs) {
+        store.setState({ networkConfigurations: undefined });
+    }
+    return store;
+};
+
+exports.clearExpiredData = clearExpiredData;

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

@@ -0,0 +1,3 @@
+import { StoreApi } from '@dynamic-labs/store';
+import { SdkStore } from '../../types';
+export declare const clearExpiredData: (store: StoreApi<SdkStore>) => StoreApi<SdkStore>;

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

@@ -0,0 +1,33 @@
+'use client'
+import { CONNECTED_WALLETS_INFO } from '../../../utils/constants/localStorage.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 'react';
+import '@dynamic-labs/wallet-book';
+import '../../../utils/constants/colors.js';
+import '../../../utils/constants/values.js';
+import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
+import '@dynamic-labs/utils';
+import '../../../shared/consts/index.js';
+
+const clearExpiredData = (store) => {
+    const { projectSettings, networkConfigurations, user } = store.getState();
+    // TODO: we can clean this up once we move wallet info to the store
+    const [connectedWalletData] = LocalStorage.getFromLS(CONNECTED_WALLETS_INFO) || [];
+    const shouldRemoveSettingsAndConfigs = !user && !connectedWalletData;
+    if ((projectSettings && projectSettings.expiresAt < Date.now()) ||
+        shouldRemoveSettingsAndConfigs) {
+        store.setState({ projectSettings: undefined });
+    }
+    if ((networkConfigurations && networkConfigurations.expiresAt < Date.now()) ||
+        shouldRemoveSettingsAndConfigs) {
+        store.setState({ networkConfigurations: undefined });
+    }
+    return store;
+};
+
+export { clearExpiredData };

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

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

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

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

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

@@ -0,0 +1,42 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('@dynamic-labs/wallet-connector-core');
+var createUserProfile = require('../../../utils/functions/createUserProfile/createUserProfile.cjs');
+require('@dynamic-labs/sdk-api-core');
+require('../../../utils/constants/values.cjs');
+require('@dynamic-labs/utils');
+require('../../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/multi-wallet');
+require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('react');
+require('@dynamic-labs/wallet-book');
+require('../../../utils/constants/colors.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('../../../shared/consts/index.cjs');
+require('react-international-phone');
+var index = require('../../../utils/functions/storeAuthToken/index.cjs');
+require('viem');
+require('viem/chains');
+require('../../../config/ApiEndpoint.cjs');
+var userActions = require('../../actions/userActions/userActions.cjs');
+require('../../../locale/locale.cjs');
+var storeExpiresAt = require('../../../utils/functions/storeExpiresAt/storeExpiresAt.cjs');
+
+const storeAuthTokenAndUser = ({ user, jwt, minifiedJwt, expiresAt, }) => {
+    // expiresAt is always sent back by the backend, regardless of whether jwt/minifiedJwt are sent or not
+    storeExpiresAt.storeExpiresAt(expiresAt);
+    if (jwt && minifiedJwt) {
+        index.storeAuthToken(jwt, minifiedJwt);
+    }
+    const userProfile = createUserProfile.createUserProfileFromSdkUser(user);
+    userActions.setUser(userProfile);
+    return userProfile;
+};
+
+exports.storeAuthTokenAndUser = storeAuthTokenAndUser;

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

@@ -0,0 +1,3 @@
+import { VerifyResponse } from '@dynamic-labs/sdk-api-core';
+import { UserProfile } from '../../../..';
+export declare const storeAuthTokenAndUser: ({ user, jwt, minifiedJwt, expiresAt, }: VerifyResponse) => UserProfile;

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

@@ -0,0 +1,38 @@
+'use client'
+import '@dynamic-labs/wallet-connector-core';
+import { createUserProfileFromSdkUser } from '../../../utils/functions/createUserProfile/createUserProfile.js';
+import '@dynamic-labs/sdk-api-core';
+import '../../../utils/constants/values.js';
+import '@dynamic-labs/utils';
+import '../../../../../_virtual/_tslib.js';
+import '@dynamic-labs/multi-wallet';
+import '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import 'react';
+import '@dynamic-labs/wallet-book';
+import '../../../utils/constants/colors.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
+import '../../../shared/consts/index.js';
+import 'react-international-phone';
+import { storeAuthToken } from '../../../utils/functions/storeAuthToken/index.js';
+import 'viem';
+import 'viem/chains';
+import '../../../config/ApiEndpoint.js';
+import { setUser } from '../../actions/userActions/userActions.js';
+import '../../../locale/locale.js';
+import { storeExpiresAt } from '../../../utils/functions/storeExpiresAt/storeExpiresAt.js';
+
+const storeAuthTokenAndUser = ({ user, jwt, minifiedJwt, expiresAt, }) => {
+    // expiresAt is always sent back by the backend, regardless of whether jwt/minifiedJwt are sent or not
+    storeExpiresAt(expiresAt);
+    if (jwt && minifiedJwt) {
+        storeAuthToken(jwt, minifiedJwt);
+    }
+    const userProfile = createUserProfileFromSdkUser(user);
+    setUser(userProfile);
+    return userProfile;
+};
+
+export { storeAuthTokenAndUser };

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

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

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

@@ -0,0 +1,30 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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');
+require('../../../utils/constants/colors.cjs');
+require('../../../utils/constants/values.cjs');
+var localStorage = require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('@dynamic-labs/utils');
+require('../../../shared/consts/index.cjs');
+
+const AUTH_USER = 'dynamic_authenticated_user';
+const syncLegacyStorage = (store) => {
+    const legacyUser = localStorage.LocalStorage.getFromLS(AUTH_USER);
+    if (Boolean(legacyUser) && !store.getState().user) {
+        store.setState({ user: legacyUser });
+        localStorage.LocalStorage.removeFromLS(AUTH_USER);
+    }
+    return store;
+};
+
+exports.syncLegacyStorage = syncLegacyStorage;

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

@@ -0,0 +1,3 @@
+import { StoreApi } from '@dynamic-labs/store';
+import { SdkStore } from '../../types';
+export declare const syncLegacyStorage: (store: StoreApi<SdkStore>) => StoreApi<SdkStore>;

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

@@ -0,0 +1,26 @@
+'use client'
+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 'react';
+import '@dynamic-labs/wallet-book';
+import '../../../utils/constants/colors.js';
+import '../../../utils/constants/values.js';
+import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
+import '@dynamic-labs/utils';
+import '../../../shared/consts/index.js';
+
+const AUTH_USER = 'dynamic_authenticated_user';
+const syncLegacyStorage = (store) => {
+    const legacyUser = LocalStorage.getFromLS(AUTH_USER);
+    if (Boolean(legacyUser) && !store.getState().user) {
+        store.setState({ user: legacyUser });
+        LocalStorage.removeFromLS(AUTH_USER);
+    }
+    return store;
+};
+
+export { syncLegacyStorage };