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

package/CHANGELOG.md

@@ -1,4 +1,13 @@
 
+## [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)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "2.1.0-alpha.15";
+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.15";
+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.15",
+  "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.15",
-    "@dynamic-labs/logger": "2.1.0-alpha.15",
-    "@dynamic-labs/multi-wallet": "2.1.0-alpha.15",
-    "@dynamic-labs/rpc-provider-ethereum": "2.1.0-alpha.15",
-    "@dynamic-labs/rpc-provider-solana": "2.1.0-alpha.15",
-    "@dynamic-labs/rpc-providers": "2.1.0-alpha.15",
-    "@dynamic-labs/types": "2.1.0-alpha.15",
-    "@dynamic-labs/utils": "2.1.0-alpha.15",
-    "@dynamic-labs/viem-utils": "2.1.0-alpha.15",
-    "@dynamic-labs/wallet-book": "2.1.0-alpha.15",
-    "@dynamic-labs/wallet-connector-core": "2.1.0-alpha.15",
+    "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');
@@ -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';

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/DynamicContext/DynamicContext.cjs

@@ -115,6 +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 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';
@@ -111,6 +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 { 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

@@ -76,6 +76,10 @@ 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,
@@ -124,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()));
     }), []);

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

@@ -72,6 +72,10 @@ import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynamic
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import 'zustand';
+import 'zustand/middleware';
+import { clearStore } from '../../../../store/actions/storeActions/storeActions.js';
+import 'zustand/react/shallow';
 
 const clearFromLocalStorage = [
     AUTH_TOKEN,
@@ -120,7 +124,7 @@ const useHandleLogout = (params) => {
         dynamicEvents.removeListener('embeddedWalletUpdatePasswordCompleted');
         dynamicEvents.removeListener('embeddedWalletUpdatePasswordFailed');
         dynamicEvents.emit('logout');
-        p.removeUser();
+        clearStore();
         yield Promise.all(p.walletConnectors.map((connector) => connector.endSession()));
         yield Promise.all(p.connectedWallets.map((connectedWallet) => connectedWallet.connector.endSession()));
     }), []);

package/src/lib/context/DynamicContext/types/index.d.ts

@@ -12,6 +12,7 @@ import { ConnectWalletOptions } from '../../../utils/hooks/useConnectWallet/useC
 import { ThemeData, ThemeSetting } from '../../ThemeContext';
 import { DisplayOrder, SetDisplayOrderPriority, SetShowAuthFlow } from '../hooks';
 import { SetCallbackType } from '../useCustomerCallbacks';
+import { SetUserAction } from '../../../store';
 export type ChainsToConnect = {
     chain: Chain;
     chainId?: number;
@@ -108,6 +109,8 @@ export interface IDynamicContext {
         changeLanguage: typeof changeLanguage;
     };
     loginWithEmail: boolean;
+    setDefaultTabIndex: (index: number) => void;
+    defaultTabIndex: number;
     minAuthToken: string | undefined;
     multiWallet: boolean;
     multiWalletWidgetState: MultiWalletWidgetState;
@@ -164,7 +167,7 @@ export interface IDynamicContext {
     setShowDynamicUserProfile: Dispatch<SetStateAction<boolean>>;
     setShowQrcodeModal: Dispatch<SetStateAction<boolean>>;
     setShowWidgetStatePopup: Dispatch<SetStateAction<boolean>>;
-    setUser: Dispatch<SetStateAction<UserProfile | undefined>>;
+    setUser: SetUserAction;
     shadowDOMEnabled: boolean;
     showAuthFlow: boolean;
     /**

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

@@ -13,7 +13,7 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, minAuthToken, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, minAuthToken, setDefaultTabIndex, } = context;
     const { setAuthMode } = useOverrides.useOverrides(context);
     return {
         accountSwitchState,
@@ -39,6 +39,7 @@ const useDynamicContext = () => {
         sdkHasLoaded,
         sendWagmiSettings,
         setAuthMode,
+        setDefaultTabIndex,
         setLogInWithEmail,
         setMultiWalletWidgetState,
         setPrimaryWallet,

package/src/lib/context/DynamicContext/useDynamicContext/useDynamicContext.d.ts

@@ -1,6 +1,6 @@
 import { Dispatch, SetStateAction } from 'react';
 import { IDynamicContext } from '../types';
-export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'sdkHasLoaded' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setPrimaryWallet' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'walletConnector' | 'walletConnectorOptions' | 'bridgeChains' | 'bridgeChainsToConnect' | 'setShowBridgeWidget' | 'sendWagmiSettings' | 'showDynamicUserProfile' | 'setAuthMode' | 'minAuthToken'> & {
+export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'sdkHasLoaded' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setPrimaryWallet' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'walletConnector' | 'walletConnectorOptions' | 'bridgeChains' | 'bridgeChainsToConnect' | 'setShowBridgeWidget' | 'sendWagmiSettings' | 'showDynamicUserProfile' | 'setAuthMode' | 'minAuthToken' | 'setDefaultTabIndex'> & {
     setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
 };
 export declare const useDynamicContext: () => UseDynamicContext;

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

@@ -9,7 +9,7 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, minAuthToken, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, minAuthToken, setDefaultTabIndex, } = context;
     const { setAuthMode } = useOverrides(context);
     return {
         accountSwitchState,
@@ -35,6 +35,7 @@ const useDynamicContext = () => {
         sdkHasLoaded,
         sendWagmiSettings,
         setAuthMode,
+        setDefaultTabIndex,
         setLogInWithEmail,
         setMultiWalletWidgetState,
         setPrimaryWallet,

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

@@ -3,34 +3,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('@dynamic-labs/sdk-api-core');
-require('../../../shared/logger.cjs');
-var validateType = require('../../../shared/utils/functions/validateType/validateType.cjs');
-require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
-require('react/jsx-runtime');
-require('../../ViewContext/ViewContext.cjs');
-require('react');
-require('@dynamic-labs/wallet-book');
-require('../../../utils/constants/colors.cjs');
-require('../../../utils/constants/values.cjs');
-require('../../../shared/utils/classes/storage/localStorage.cjs');
-require('@dynamic-labs/utils');
-require('../../../shared/consts/index.cjs');
-
-// TODO: need validation for optional fields
-// https://linear.app/dynamic-labs/issue/DYN-1461
-const validateAuthUser = (data) => validateType.validateType(data, {
-    environmentId: 'environmentId',
-    lastVerifiedCredentialId: 'lastAuthenticatedAccountId',
-    userId: 'userId',
-    verifiedCredentials: [
-        {
-            format: 'format',
-            id: 'id',
-        },
-    ],
-});
 const validateLocalStorageExpiry = (data) => {
     if (!data)
         return false;
@@ -41,5 +13,4 @@ const validateLocalStorageExpiry = (data) => {
     return true;
 };
 
-exports.validateAuthUser = validateAuthUser;
 exports.validateLocalStorageExpiry = validateLocalStorageExpiry;

package/src/lib/context/DynamicContext/validators/validators.d.ts

@@ -1,4 +1,2 @@
-import { UserProfile } from '@dynamic-labs/types';
 import { LocalStorageNetworks, LocalStorageNonce, LocalStorageSettings } from '../../../shared';
-export declare const validateAuthUser: (data: UserProfile | undefined) => boolean;
 export declare const validateLocalStorageExpiry: (data: LocalStorageNonce | LocalStorageNetworks | LocalStorageSettings | undefined) => boolean;