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

package/CHANGELOG.md

@@ -1,4 +1,20 @@
 
+## [2.1.0-alpha.16](https://github.com/dynamic-labs/DynamicAuth/compare/v2.1.0-alpha.15...v2.1.0-alpha.16) (2024-05-14)
+
+
+### Features
+
+* add client.sdk.error with errors from the webview ([#5520](https://github.com/dynamic-labs/DynamicAuth/issues/5520)) ([a886927](https://github.com/dynamic-labs/DynamicAuth/commit/a8869273bf361c870d6e3cb82a28d9ccec65905b))
+* add setDefaultTabIndex to default the selected wallets tab ([#5593](https://github.com/dynamic-labs/DynamicAuth/issues/5593)) ([6e8ce05](https://github.com/dynamic-labs/DynamicAuth/commit/6e8ce053c4f6f009acc57dac55a8e9c74fbcc73b))
+* add visibility/auth-flow/user-profile to react-native ([#5564](https://github.com/dynamic-labs/DynamicAuth/issues/5564)) ([d93cea8](https://github.com/dynamic-labs/DynamicAuth/commit/d93cea82a123c6ec4d3d594a7dc064f4db2981c2))
+
+## [2.1.0-alpha.15](https://github.com/dynamic-labs/DynamicAuth/compare/v2.1.0-alpha.14...v2.1.0-alpha.15) (2024-05-13)
+
+
+### Bug Fixes
+
+* when a pregen is created, primaryWallet is not being setup ([#5584](https://github.com/dynamic-labs/DynamicAuth/issues/5584)) ([de08721](https://github.com/dynamic-labs/DynamicAuth/commit/de0872151e09f91dcbfaf1d043cf830f9df8d799))
+
 ## [2.1.0-alpha.14](https://github.com/dynamic-labs/DynamicAuth/compare/v2.1.0-alpha.13...v2.1.0-alpha.14) (2024-05-09)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "2.1.0-alpha.14";
+var version = "2.1.0-alpha.16";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.433",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
@@ -14,7 +14,8 @@ var dependencies = {
 	"react-focus-lock": "2.9.2",
 	"react-i18next": "13.5.0",
 	yup: "0.32.11",
-	"react-international-phone": "4.2.5"
+	"react-international-phone": "4.2.5",
+	zustand: "4.5.2"
 };
 
 exports.dependencies = dependencies;

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "2.1.0-alpha.14";
+var version = "2.1.0-alpha.16";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.433",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
@@ -10,7 +10,8 @@ var dependencies = {
 	"react-focus-lock": "2.9.2",
 	"react-i18next": "13.5.0",
 	yup: "0.32.11",
-	"react-international-phone": "4.2.5"
+	"react-international-phone": "4.2.5",
+	zustand: "4.5.2"
 };
 
 export { dependencies, version };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "2.1.0-alpha.14",
+  "version": "2.1.0-alpha.16",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -17,17 +17,18 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/iconic": "2.1.0-alpha.14",
-    "@dynamic-labs/logger": "2.1.0-alpha.14",
-    "@dynamic-labs/multi-wallet": "2.1.0-alpha.14",
-    "@dynamic-labs/rpc-provider-ethereum": "2.1.0-alpha.14",
-    "@dynamic-labs/rpc-provider-solana": "2.1.0-alpha.14",
-    "@dynamic-labs/rpc-providers": "2.1.0-alpha.14",
-    "@dynamic-labs/types": "2.1.0-alpha.14",
-    "@dynamic-labs/utils": "2.1.0-alpha.14",
-    "@dynamic-labs/viem-utils": "2.1.0-alpha.14",
-    "@dynamic-labs/wallet-book": "2.1.0-alpha.14",
-    "@dynamic-labs/wallet-connector-core": "2.1.0-alpha.14",
+    "zustand": "4.5.2",
+    "@dynamic-labs/iconic": "2.1.0-alpha.16",
+    "@dynamic-labs/logger": "2.1.0-alpha.16",
+    "@dynamic-labs/multi-wallet": "2.1.0-alpha.16",
+    "@dynamic-labs/rpc-provider-ethereum": "2.1.0-alpha.16",
+    "@dynamic-labs/rpc-provider-solana": "2.1.0-alpha.16",
+    "@dynamic-labs/rpc-providers": "2.1.0-alpha.16",
+    "@dynamic-labs/types": "2.1.0-alpha.16",
+    "@dynamic-labs/utils": "2.1.0-alpha.16",
+    "@dynamic-labs/viem-utils": "2.1.0-alpha.16",
+    "@dynamic-labs/wallet-book": "2.1.0-alpha.16",
+    "@dynamic-labs/wallet-connector-core": "2.1.0-alpha.16",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -22,7 +22,6 @@ var useWalletConnectorEvent = require('./lib/utils/hooks/events/useWalletConnect
 var useAuthenticateConnectedUser = require('./lib/utils/hooks/useAuthenticateConnectedUser/useAuthenticateConnectedUser.cjs');
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 require('./lib/shared/logger.cjs');
-var validateType = require('./lib/shared/utils/functions/validateType/validateType.cjs');
 var getChainIcon = require('./lib/shared/utils/functions/chain/getChainIcon.cjs');
 var getChainDisplayName = require('./lib/shared/utils/functions/chain/getChainDisplayName.cjs');
 var createWallet = require('./lib/shared/utils/functions/wallet/createWallet.cjs');
@@ -57,12 +56,12 @@ require('./lib/shared/consts/index.cjs');
 require('../_virtual/_tslib.cjs');
 require('react-dom');
 require('./lib/config/ApiEndpoint.cjs');
-require('./lib/locale/locale.cjs');
 require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 var mergeNetworks = require('./lib/utils/functions/mergeNetworks/mergeNetworks.cjs');
 var createWalletClientFromWallet = require('./lib/utils/functions/createWalletClientFromWallet/createWalletClientFromWallet.cjs');
+require('./lib/locale/locale.cjs');
 var useEmbeddedWallet = require('./lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.cjs');
 require('./lib/context/WalletContext/WalletContext.cjs');
 require('./lib/context/ErrorContext/ErrorContext.cjs');
@@ -167,7 +166,6 @@ Object.defineProperty(exports, 'DynamicJwtFromJSON', {
   enumerable: true,
   get: function () { return sdkApiCore.DynamicJwtFromJSON; }
 });
-exports.validateType = validateType.validateType;
 exports.getChainIcon = getChainIcon.getChainIcon;
 exports.getChainDisplayName = getChainDisplayName.getChainDisplayName;
 exports.createWallet = createWallet.createWallet;

package/src/index.d.ts

@@ -61,9 +61,7 @@ SpinnerIcon, type AccessDeniedCustomButton, type AccountSwitchState, type AuthMo
 /** @deprecated */
 useLocalStorage, 
 /** @deprecated */
-useOnClickOutside, 
-/** @deprecated */
-validateType, } from './lib/shared';
+useOnClickOutside, } from './lib/shared';
 export { 
 /** @deprecated */
 CollectUserDataView, 

package/src/index.js

@@ -18,7 +18,6 @@ export { useWalletConnectorEvent } from './lib/utils/hooks/events/useWalletConne
 export { useAuthenticateConnectedUser } from './lib/utils/hooks/useAuthenticateConnectedUser/useAuthenticateConnectedUser.js';
 export { DynamicJwtFromJSON } from '@dynamic-labs/sdk-api-core';
 import './lib/shared/logger.js';
-export { validateType } from './lib/shared/utils/functions/validateType/validateType.js';
 export { getChainIcon } from './lib/shared/utils/functions/chain/getChainIcon.js';
 export { getChainDisplayName } from './lib/shared/utils/functions/chain/getChainDisplayName.js';
 export { createWallet } from './lib/shared/utils/functions/wallet/createWallet.js';
@@ -53,12 +52,12 @@ import './lib/shared/consts/index.js';
 import '../_virtual/_tslib.js';
 import 'react-dom';
 import './lib/config/ApiEndpoint.js';
-import './lib/locale/locale.js';
 import '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 export { mergeNetworks } from './lib/utils/functions/mergeNetworks/mergeNetworks.js';
 export { createWalletClientFromWallet } from './lib/utils/functions/createWalletClientFromWallet/createWalletClientFromWallet.js';
+import './lib/locale/locale.js';
 export { useEmbeddedWallet } from './lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.js';
 import './lib/context/WalletContext/WalletContext.js';
 import './lib/context/ErrorContext/ErrorContext.js';

package/src/lib/components/Portal/Portal.cjs

@@ -87,7 +87,9 @@ const ModalComponent = ({ children, handleClose, withBackdrop = true, zIndex, wh
         view.type !== 'login-with-email-verification' &&
         view.type !== 'login-with-sms-verification' &&
         view.type !== 'verify-sms' &&
-        view.type !== 'verify-email';
+        view.type !== 'verify-email' &&
+        view.type !== 'mfa-verification' &&
+        view.type !== 'mfa-display-backup-codes';
     const onBackdropClick = (e) => {
         if (!shouldCloseOnBackdropClick)
             return;

package/src/lib/components/Portal/Portal.js

@@ -79,7 +79,9 @@ const ModalComponent = ({ children, handleClose, withBackdrop = true, zIndex, wh
         view.type !== 'login-with-email-verification' &&
         view.type !== 'login-with-sms-verification' &&
         view.type !== 'verify-sms' &&
-        view.type !== 'verify-email';
+        view.type !== 'verify-email' &&
+        view.type !== 'mfa-verification' &&
+        view.type !== 'mfa-display-backup-codes';
     const onBackdropClick = (e) => {
         if (!shouldCloseOnBackdropClick)
             return;

package/src/lib/context/ConnectWithOtpContext/utils/createEmailHandler.cjs

@@ -19,6 +19,10 @@ require('../../../utils/constants/values.cjs');
 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');
 require('../../../locale/locale.cjs');
 
 const createEmailHandler = (environmentId, createUserProfileByJWT) => (email$1) => _tslib.__awaiter(void 0, void 0, void 0, function* () {

package/src/lib/context/ConnectWithOtpContext/utils/createEmailHandler.js

@@ -15,6 +15,10 @@ import '../../../utils/constants/values.js';
 import '../../../shared/utils/classes/storage/localStorage.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 '../../../locale/locale.js';
 
 const createEmailHandler = (environmentId, createUserProfileByJWT) => (email) => __awaiter(void 0, void 0, void 0, function* () {

package/src/lib/context/ConnectWithOtpContext/utils/createSmsHandler.cjs

@@ -18,6 +18,10 @@ require('../../../utils/constants/values.cjs');
 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 sms = require('../../../data/api/sms/sms.cjs');
 
 const createSmsHandler = (environmentId, createUserProfileByJWT) => (phone) => _tslib.__awaiter(void 0, void 0, void 0, function* () {

package/src/lib/context/ConnectWithOtpContext/utils/createSmsHandler.js

@@ -14,6 +14,10 @@ import '../../../utils/constants/values.js';
 import '../../../shared/utils/classes/storage/localStorage.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 { createSmsVerification, signInWithSmsVerification } from '../../../data/api/sms/sms.js';
 
 const createSmsHandler = (environmentId, createUserProfileByJWT) => (phone) => __awaiter(void 0, void 0, void 0, function* () {

package/src/lib/context/ConnectWithOtpContext/utils/findEmailProvider.cjs

@@ -19,6 +19,10 @@ require('../../../utils/constants/values.cjs');
 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');
 require('../../../locale/locale.cjs');
 var constants = require('../constants.cjs');
 

package/src/lib/context/ConnectWithOtpContext/utils/findEmailProvider.js

@@ -15,6 +15,10 @@ import '../../../utils/constants/values.js';
 import '../../../shared/utils/classes/storage/localStorage.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 '../../../locale/locale.js';
 import { allSupportedProviders } from '../constants.js';
 

package/src/lib/context/DynamicContext/DynamicContext.cjs

@@ -30,6 +30,7 @@ var ErrorContext = require('../ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../utils/functions/getAuthToken/getAuthToken.cjs');
 var getMinAuthToken = require('../../utils/functions/getMinAuthToken/getMinAuthToken.cjs');
+var helpers = require('./helpers/helpers.cjs');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
@@ -114,7 +115,9 @@ var FundingContext = require('../FundingContext/FundingContext.cjs');
 var PhantomRedirectContext = require('../PhantomRedirectContext/PhantomRedirectContext.cjs');
 var SendBalanceContext = require('../SendBalanceContext/SendBalanceContext.cjs');
 var UseNetworkValidation = require('../UseNetworkValidation/UseNetworkValidation.cjs');
-var helpers = require('./helpers/helpers.cjs');
+var userActions = require('../../store/actions/userActions/userActions.cjs');
+var store = require('../../store/store.cjs');
+var useUser = require('../../store/hooks/useUser/useUser.cjs');
 var useDisplayOrderState = require('./hooks/useDisplayOrderState/useDisplayOrderState.cjs');
 var useEmailLoginState = require('./hooks/useEmailLoginState/useEmailLoginState.cjs');
 var useHandleLogout = require('./hooks/useHandleLogout/useHandleLogout.cjs');
@@ -126,15 +129,20 @@ var useTieCallbacksToEvents = require('./hooks/useTieCallbacksToEvents/useTieCal
 var useMultiWallet = require('./hooks/useMultiWallet/useMultiWallet.cjs');
 var useParentDynamicContextGuard = require('./hooks/useParentDynamicContextGuard/useParentDynamicContextGuard.cjs');
 var useCustomerCallbacks = require('./useCustomerCallbacks/useCustomerCallbacks.cjs');
-var validators = require('./validators/validators.cjs');
 
 const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9';
-const EMPTY_INITIAL_USER = undefined;
 const DynamicContext = React.createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, locale: locale$1, }) => {
     var _a, _b, _c, _d, _e, _f, _g;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, } = settings$1;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, } = settings$1;
+    localStorage.LocalStorage.setSuffix(settings$1.localStorageSuffix);
+    /**
+     * initialize global store
+     */
+    store.initializeStore({
+        storageSuffix: settings$1.localStorageSuffix,
+    });
     /**
      * For backwards compatibility, we allow the client to pass in
      * `eventsCallbacks` instead of `events`. It should remove this
@@ -156,12 +164,12 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         logger$1.logger.warn(`WARNING: DYNAMIC is using a test environment ID ${environmentId}. Please sign up on https://app.dynamic.xyz/ to get your production environment ID.`);
     }
     ApiEndpoint.setBaseUrl((_b = process.env.DYNAMIC_API_BASE_URL) !== null && _b !== void 0 ? _b : apiBaseUrl);
-    localStorage.LocalStorage.setSuffix(localStorageSuffix);
     const i18nSDKInstance = locale.Locale.setup(locale$1);
     const isAuthenticated = Boolean(getAuthToken.getAuthToken());
     const isBridgeFlow = Boolean(bridgeChains);
     const deepLinkPreference = helpers.getDeepLinkPreference(deepLinkPreferenceProp, isBridgeFlow);
     const [onboardingOnlyJwt, setOnboardingOnlyJwt] = React.useState(undefined);
+    const [defaultTabIndex, setDefaultTabIndex] = React.useState(0);
     // state to track the full connectivity status of the individual's wallets.
     // Set to true once the predetermined number of wallets is connected.
     const [bridgeOnboardingCompleted, setBridgeOnboardingCompleted, removeBridgeOnboardingCompleted,] = useLocalStorage.useLocalStorage(localStorage$1.BRIDGE_ONBOARDING_COMPLETED, false);
@@ -170,7 +178,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     // Alows clients to control the Bridget Widget flow without need to click on Bridge Widget
     const [showBridgeWidget, setShowBridgeWidget] = React.useState(false);
     const [isSingleWalletAccount, setIsSingleWalletAccount] = React.useState(false);
-    const [user, setUser, removeUser] = useLocalStorage.useLocalStorage(localStorage$1.AUTH_USER, EMPTY_INITIAL_USER, validators.validateAuthUser, [localStorage$1.AUTH_TOKEN]);
+    const user = useUser.useUser();
     if (user) {
         logger$1.logger.setMetaData('user', user);
     }
@@ -231,7 +239,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId.usePrimaryWalletId({
         environmentId,
         minAuthToken: getMinAuthToken.getMinAuthToken(),
-        setUser,
     });
     // this is a state because it's set based on primaryWallet and bridgeChainsToConnect,
     // which are only available further down and have would have circular dependencies
@@ -314,7 +321,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         removeConnectedNameService,
         removeConnectedWalletsInfo,
         removeLsSettings,
-        removeUser,
         resetLoginWithEmail,
         setAuthMode,
         setLegacyIsVerifying,
@@ -342,7 +348,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         environmentId,
         primaryWalletId,
         secondaryWallets,
-        setUser,
         verifiedCredentials: (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || [],
     });
     const { isLoading: loadingNetwork, network } = useWalletConnectorNetwork.useWalletConnectorNetwork(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector);
@@ -399,9 +404,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         if (authMode !== 'connect-only') {
             removeConnectedWalletsInfo();
         }
-        if (!localStorage.LocalStorage.getFromLS(localStorage$1.AUTH_USER)) {
-            localStorage.LocalStorage.removeFromLS(localStorage$1.AUTH_TOKEN);
-        }
         if (localStorage.LocalStorage.getFromLS(localStorage$1.WALLET_PICKER_SEARCH_KEY)) {
             localStorage.LocalStorage.removeFromLS(localStorage$1.WALLET_PICKER_SEARCH_KEY);
         }
@@ -447,6 +449,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             debugError,
             decodedOnboardingOnlyToken: decodeJwt.decodeJwt(onboardingOnlyJwt),
             defaultNumberOfWalletsToShow,
+            defaultTabIndex,
             desktopUri,
             disconnectWallet,
             displaySiweStatement,
@@ -503,6 +506,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             setAuthorizationViewDisplayOrder,
             setBridgeOnboardingCompleted,
             setCallback,
+            setDefaultTabIndex,
             setDesktopUri,
             setIsSingleWalletAccount,
             setLegacyIsVerifying,
@@ -520,7 +524,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             setShowDynamicUserProfile,
             setShowQrcodeModal,
             setShowWidgetStatePopup,
-            setUser,
+            setUser: userActions.setUser,
             shadowDOMEnabled,
             showAuthFlow,
             showBridgeWidget,
@@ -551,6 +555,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         handlers,
         appLogoUrl,
         appName,
+        defaultTabIndex,
         authMode,
         authorizationViewDisplayOrder,
         awaitingSignatureState,
@@ -627,7 +632,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         setSelectedWalletConnectorKey,
         setShowAuthFlow,
         setShowQrcodeModal,
-        setUser,
         shadowDOMEnabled,
         showAuthFlow,
         showBridgeWidget,
@@ -683,7 +687,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         if (user && multiWalletWidgetState !== 'idle' && !showDynamicUserProfile) {
             setShowDynamicUserProfile(true);
         }
-    }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile, user]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile]);
     return (jsxRuntime.jsx(reactI18next.I18nextProvider, { i18n: i18nSDKInstance, children: jsxRuntime.jsx(DynamicContext.Provider, { value: value, children: jsxRuntime.jsx(walletBook.WalletBookContextProvider, { walletBook: walletBook$1, children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, { customerTheme: parseTheme.parseTheme(theme, ((_g = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _g === void 0 ? void 0 : _g.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design, children: jsxRuntime.jsx(LoadingContext.LoadingContextProvider, { children: jsxRuntime.jsxs(ViewContext.ViewContextProvider, { initialView: helpers.getInitialView({
                                 bridgeOnboardingCompleted,
                                 connectedWallets,

package/src/lib/context/DynamicContext/DynamicContext.js

@@ -14,7 +14,7 @@ import { decodeJwt } from '../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '@dynamic-labs/sdk-api-core';
 import { logger } from '../../shared/logger.js';
 import { ViewContextProvider } from '../ViewContext/ViewContext.js';
-import { BRIDGE_ONBOARDING_COMPLETED, AUTH_TOKEN, AUTH_USER, AUTH_MODE, WALLET_PICKER_SEARCH_KEY, PHANTOM_SIGNATURE_STATE } from '../../utils/constants/localStorage.js';
+import { BRIDGE_ONBOARDING_COMPLETED, AUTH_MODE, WALLET_PICKER_SEARCH_KEY, PHANTOM_SIGNATURE_STATE } from '../../utils/constants/localStorage.js';
 import '../../utils/constants/colors.js';
 import { DEFAULT_NUMBER_OF_WALLETS_TO_SHOW } from '../../utils/constants/values.js';
 import { LocalStorage } from '../../shared/utils/classes/storage/localStorage.js';
@@ -26,6 +26,7 @@ import { ErrorContextProvider } from '../ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../utils/functions/getAuthToken/getAuthToken.js';
 import { getMinAuthToken } from '../../utils/functions/getMinAuthToken/getMinAuthToken.js';
+import { resolveNetworkValidationMode, initExpirationTime, getInitialView, getDeepLinkPreference } from './helpers/helpers.js';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
@@ -110,7 +111,9 @@ import { FundingContextProvider } from '../FundingContext/FundingContext.js';
 import { PhantomRedirectContextProvider } from '../PhantomRedirectContext/PhantomRedirectContext.js';
 import { SendBalanceContextProvider } from '../SendBalanceContext/SendBalanceContext.js';
 import { UseNetworkValidation } from '../UseNetworkValidation/UseNetworkValidation.js';
-import { resolveNetworkValidationMode, initExpirationTime, getInitialView, getDeepLinkPreference } from './helpers/helpers.js';
+import { setUser } from '../../store/actions/userActions/userActions.js';
+import { initializeStore } from '../../store/store.js';
+import { useUser } from '../../store/hooks/useUser/useUser.js';
 import { useDisplayOrderState } from './hooks/useDisplayOrderState/useDisplayOrderState.js';
 import { useEmailLoginState } from './hooks/useEmailLoginState/useEmailLoginState.js';
 import { useHandleLogout } from './hooks/useHandleLogout/useHandleLogout.js';
@@ -122,15 +125,20 @@ import { useTieCallbacksToEvents } from './hooks/useTieCallbacksToEvents/useTieC
 import { useMultiWallet } from './hooks/useMultiWallet/useMultiWallet.js';
 import { useParentDynamicContextGuard } from './hooks/useParentDynamicContextGuard/useParentDynamicContextGuard.js';
 import { useCustomerCallbacks } from './useCustomerCallbacks/useCustomerCallbacks.js';
-import { validateAuthUser } from './validators/validators.js';
 
 const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9';
-const EMPTY_INITIAL_USER = undefined;
 const DynamicContext = createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) => {
     var _a, _b, _c, _d, _e, _f, _g;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, } = settings;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, } = settings;
+    LocalStorage.setSuffix(settings.localStorageSuffix);
+    /**
+     * initialize global store
+     */
+    initializeStore({
+        storageSuffix: settings.localStorageSuffix,
+    });
     /**
      * For backwards compatibility, we allow the client to pass in
      * `eventsCallbacks` instead of `events`. It should remove this
@@ -152,12 +160,12 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         logger.warn(`WARNING: DYNAMIC is using a test environment ID ${environmentId}. Please sign up on https://app.dynamic.xyz/ to get your production environment ID.`);
     }
     ApiEndpoint.setBaseUrl((_b = process.env.DYNAMIC_API_BASE_URL) !== null && _b !== void 0 ? _b : apiBaseUrl);
-    LocalStorage.setSuffix(localStorageSuffix);
     const i18nSDKInstance = Locale.setup(locale);
     const isAuthenticated = Boolean(getAuthToken());
     const isBridgeFlow = Boolean(bridgeChains);
     const deepLinkPreference = getDeepLinkPreference(deepLinkPreferenceProp, isBridgeFlow);
     const [onboardingOnlyJwt, setOnboardingOnlyJwt] = useState(undefined);
+    const [defaultTabIndex, setDefaultTabIndex] = useState(0);
     // state to track the full connectivity status of the individual's wallets.
     // Set to true once the predetermined number of wallets is connected.
     const [bridgeOnboardingCompleted, setBridgeOnboardingCompleted, removeBridgeOnboardingCompleted,] = useLocalStorage(BRIDGE_ONBOARDING_COMPLETED, false);
@@ -166,7 +174,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
     // Alows clients to control the Bridget Widget flow without need to click on Bridge Widget
     const [showBridgeWidget, setShowBridgeWidget] = useState(false);
     const [isSingleWalletAccount, setIsSingleWalletAccount] = useState(false);
-    const [user, setUser, removeUser] = useLocalStorage(AUTH_USER, EMPTY_INITIAL_USER, validateAuthUser, [AUTH_TOKEN]);
+    const user = useUser();
     if (user) {
         logger.setMetaData('user', user);
     }
@@ -227,7 +235,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
     const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId({
         environmentId,
         minAuthToken: getMinAuthToken(),
-        setUser,
     });
     // this is a state because it's set based on primaryWallet and bridgeChainsToConnect,
     // which are only available further down and have would have circular dependencies
@@ -310,7 +317,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         removeConnectedNameService,
         removeConnectedWalletsInfo,
         removeLsSettings,
-        removeUser,
         resetLoginWithEmail,
         setAuthMode,
         setLegacyIsVerifying,
@@ -338,7 +344,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         environmentId,
         primaryWalletId,
         secondaryWallets,
-        setUser,
         verifiedCredentials: (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || [],
     });
     const { isLoading: loadingNetwork, network } = useWalletConnectorNetwork(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector);
@@ -395,9 +400,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         if (authMode !== 'connect-only') {
             removeConnectedWalletsInfo();
         }
-        if (!LocalStorage.getFromLS(AUTH_USER)) {
-            LocalStorage.removeFromLS(AUTH_TOKEN);
-        }
         if (LocalStorage.getFromLS(WALLET_PICKER_SEARCH_KEY)) {
             LocalStorage.removeFromLS(WALLET_PICKER_SEARCH_KEY);
         }
@@ -443,6 +445,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             debugError,
             decodedOnboardingOnlyToken: decodeJwt(onboardingOnlyJwt),
             defaultNumberOfWalletsToShow,
+            defaultTabIndex,
             desktopUri,
             disconnectWallet,
             displaySiweStatement,
@@ -499,6 +502,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             setAuthorizationViewDisplayOrder,
             setBridgeOnboardingCompleted,
             setCallback,
+            setDefaultTabIndex,
             setDesktopUri,
             setIsSingleWalletAccount,
             setLegacyIsVerifying,
@@ -547,6 +551,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         handlers,
         appLogoUrl,
         appName,
+        defaultTabIndex,
         authMode,
         authorizationViewDisplayOrder,
         awaitingSignatureState,
@@ -623,7 +628,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         setSelectedWalletConnectorKey,
         setShowAuthFlow,
         setShowQrcodeModal,
-        setUser,
         shadowDOMEnabled,
         showAuthFlow,
         showBridgeWidget,
@@ -679,7 +683,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         if (user && multiWalletWidgetState !== 'idle' && !showDynamicUserProfile) {
             setShowDynamicUserProfile(true);
         }
-    }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile, user]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile]);
     return (jsx(I18nextProvider, { i18n: i18nSDKInstance, children: jsx(DynamicContext.Provider, { value: value, children: jsx(WalletBookContextProvider, { walletBook: walletBook, children: jsx(ThemeContextProvider, { customerTheme: parseTheme(theme, ((_g = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _g === void 0 ? void 0 : _g.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design, children: jsx(LoadingContextProvider, { children: jsxs(ViewContextProvider, { initialView: getInitialView({
                                 bridgeOnboardingCompleted,
                                 connectedWallets,

package/src/lib/context/DynamicContext/hooks/useHandleLogout/types.d.ts

@@ -6,7 +6,6 @@ import { MultiWalletWidgetStateSetter } from '../../../../utils/hooks/multiWalle
 import { ChainsToConnect } from '../../types';
 import { SetShowAuthFlow } from '../useShowAuthFlow';
 export type UseHandleLogoutParams = {
-    removeUser: () => void;
     clearAllWalletConnectSessions: () => void;
     bridgeChains: ChainsToConnect[] | undefined;
     setShowDynamicUserProfile: Dispatch<SetStateAction<boolean>>;

package/src/lib/context/DynamicContext/hooks/useHandleLogout/useHandleLogout.cjs

@@ -19,14 +19,14 @@ require('../../../../utils/constants/values.cjs');
 var localStorage = require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('../../../../shared/consts/index.cjs');
 require('../../../../config/ApiEndpoint.cjs');
-var session = require('../../../../data/api/session/session.cjs');
-require('../../../../locale/locale.cjs');
-var dynamicEvents = require('../../../../events/dynamicEvents.cjs');
 require('@dynamic-labs/multi-wallet');
 var getMinAuthToken = require('../../../../utils/functions/getMinAuthToken/getMinAuthToken.cjs');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
+var session = require('../../../../data/api/session/session.cjs');
+require('../../../../locale/locale.cjs');
+var dynamicEvents = require('../../../../events/dynamicEvents.cjs');
 var useDynamicEvents = require('../../../../utils/hooks/events/useDynamicEvents/useDynamicEvents.cjs');
 require('../../DynamicContext.cjs');
 require('../../../CaptchaContext/CaptchaContext.cjs');
@@ -76,12 +76,17 @@ require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynami
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('zustand');
+require('zustand/middleware');
+var storeActions = require('../../../../store/actions/storeActions/storeActions.cjs');
+require('zustand/react/shallow');
 
 const clearFromLocalStorage = [
     localStorage$1.AUTH_TOKEN,
     localStorage$1.AUTH_MIN_TOKEN,
     localStorage$1.WALLET_PICKER_SEARCH_KEY,
     localStorage$1.PHANTOM_SIGNATURE_STATE,
+    localStorage$1.AUTH_ONBOARDING_TOKEN,
 ];
 const useHandleLogout = (params) => {
     const paramsRef = React.useRef(params);
@@ -95,7 +100,10 @@ const useHandleLogout = (params) => {
         const jwt = getMinAuthToken.getMinAuthToken();
         if (jwt && p.user) {
             // do not await this async call - just fire and forget
-            session.revokeSession({ environmentId: p.environmentId, sessionId: p.user.sessionId }, jwt);
+            session.revokeSession({
+                environmentId: p.environmentId,
+                sessionId: p.user.sessionId,
+            });
         }
         p.setLegacyIsVerifying(false);
         for (const item of clearFromLocalStorage)
@@ -120,7 +128,7 @@ const useHandleLogout = (params) => {
         dynamicEvents.dynamicEvents.removeListener('embeddedWalletUpdatePasswordCompleted');
         dynamicEvents.dynamicEvents.removeListener('embeddedWalletUpdatePasswordFailed');
         dynamicEvents.dynamicEvents.emit('logout');
-        p.removeUser();
+        storeActions.clearStore();
         yield Promise.all(p.walletConnectors.map((connector) => connector.endSession()));
         yield Promise.all(p.connectedWallets.map((connectedWallet) => connectedWallet.connector.endSession()));
     }), []);