@dynamic-labs/sdk-react-core 3.0.0-alpha.6 → 3.0.0-alpha.7

package/CHANGELOG.md

@@ -1,4 +1,27 @@
 
+## [3.0.0-alpha.7](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.6...v3.0.0-alpha.7) (2024-06-19)
+
+
+### ⚠ BREAKING CHANGES
+
+* add selectedTabIndex and helpers (#6040)
+
+### Features
+
+* add selectedTabIndex and helpers ([#6040](https://github.com/dynamic-labs/DynamicAuth/issues/6040)) ([ae20b80](https://github.com/dynamic-labs/DynamicAuth/commit/ae20b8081376dce97b18fa69c81c9ab73c1ff317))
+* add useRefreshUser to trigger a user state refresh ([#6079](https://github.com/dynamic-labs/DynamicAuth/issues/6079)) ([1236d35](https://github.com/dynamic-labs/DynamicAuth/commit/1236d35fe9fab44ed2114ad9f3c8c6dca7ec27be))
+
+
+### Bug Fixes
+
+* always return userWallets when available ([#6080](https://github.com/dynamic-labs/DynamicAuth/issues/6080)) ([#6083](https://github.com/dynamic-labs/DynamicAuth/issues/6083)) ([11992d2](https://github.com/dynamic-labs/DynamicAuth/commit/11992d2af5a401ba4ff1dc6904e2a9f8ef5904ca))
+* less solana rpc calls and improve fee fetching ([#6019](https://github.com/dynamic-labs/DynamicAuth/issues/6019)) ([e2609db](https://github.com/dynamic-labs/DynamicAuth/commit/e2609db962c7708ff5b127cb23260a25bc5032e3))
+* make account change idemopotent ([#6061](https://github.com/dynamic-labs/DynamicAuth/issues/6061)) ([8c87513](https://github.com/dynamic-labs/DynamicAuth/commit/8c8751390ea14888c4889679895e2f06d75717b9))
+* only run multi wallet prompt when user profile or auth flow are open ([#6073](https://github.com/dynamic-labs/DynamicAuth/issues/6073)) ([d48ca10](https://github.com/dynamic-labs/DynamicAuth/commit/d48ca105359018457a78588fd8d9aa8a91583a02))
+* recompute multiwallet state after merging accounts ([#6078](https://github.com/dynamic-labs/DynamicAuth/issues/6078)) ([e08a274](https://github.com/dynamic-labs/DynamicAuth/commit/e08a274c4d848f2a8360be7106cfbfa00b9a8f9b))
+* stop querying okx for accounts while locked ([#6081](https://github.com/dynamic-labs/DynamicAuth/issues/6081)) ([#6084](https://github.com/dynamic-labs/DynamicAuth/issues/6084)) ([34365ac](https://github.com/dynamic-labs/DynamicAuth/commit/34365ac1981fe020b03e666c24535a247645d2ad))
+* update copy for primary wallet not connected modal ([#6069](https://github.com/dynamic-labs/DynamicAuth/issues/6069)) ([4a3f43c](https://github.com/dynamic-labs/DynamicAuth/commit/4a3f43ce5585983f7fea0c5b97e812c0ade80e2c))
+
 ## [3.0.0-alpha.6](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.5...v3.0.0-alpha.6) (2024-06-18)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "3.0.0-alpha.6";
+var version = "3.0.0-alpha.7";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.470",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "3.0.0-alpha.6";
+var version = "3.0.0-alpha.7";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.470",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "3.0.0-alpha.6",
+  "version": "3.0.0-alpha.7",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dynamic-labs/dynamic-auth.git",
@@ -17,15 +17,15 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/iconic": "3.0.0-alpha.6",
-    "@dynamic-labs/logger": "3.0.0-alpha.6",
-    "@dynamic-labs/multi-wallet": "3.0.0-alpha.6",
-    "@dynamic-labs/rpc-providers": "3.0.0-alpha.6",
-    "@dynamic-labs/store": "3.0.0-alpha.6",
-    "@dynamic-labs/types": "3.0.0-alpha.6",
-    "@dynamic-labs/utils": "3.0.0-alpha.6",
-    "@dynamic-labs/wallet-book": "3.0.0-alpha.6",
-    "@dynamic-labs/wallet-connector-core": "3.0.0-alpha.6",
+    "@dynamic-labs/iconic": "3.0.0-alpha.7",
+    "@dynamic-labs/logger": "3.0.0-alpha.7",
+    "@dynamic-labs/multi-wallet": "3.0.0-alpha.7",
+    "@dynamic-labs/rpc-providers": "3.0.0-alpha.7",
+    "@dynamic-labs/store": "3.0.0-alpha.7",
+    "@dynamic-labs/types": "3.0.0-alpha.7",
+    "@dynamic-labs/utils": "3.0.0-alpha.7",
+    "@dynamic-labs/wallet-book": "3.0.0-alpha.7",
+    "@dynamic-labs/wallet-connector-core": "3.0.0-alpha.7",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -19,7 +19,7 @@ require('react/jsx-runtime');
 var classNames = require('./lib/utils/functions/classNames/classNames.cjs');
 require('./lib/components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('./lib/components/Alert/Alert.cjs');
-require('./lib/events/dynamicEvents.cjs');
+var useDynamicEvents = require('./lib/utils/hooks/events/useDynamicEvents/useDynamicEvents.cjs');
 var useWalletConnectorEvent = require('./lib/utils/hooks/events/useWalletConnectorEvent/useWalletConnectorEvent.cjs');
 var useAuthenticateConnectedUser = require('./lib/utils/hooks/useAuthenticateConnectedUser/useAuthenticateConnectedUser.cjs');
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
@@ -58,6 +58,7 @@ var stroke = require('./lib/shared/assets/stroke.cjs');
 require('./lib/shared/consts/index.cjs');
 require('../_virtual/_tslib.cjs');
 require('react-dom');
+require('./lib/events/dynamicEvents.cjs');
 require('./lib/config/ApiEndpoint.cjs');
 require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/multi-wallet');
@@ -115,6 +116,7 @@ var useEmbeddedWalletAuthenticator = require('./lib/utils/hooks/useEmbeddedWalle
 var useDynamicModals = require('./lib/utils/hooks/useDynamicModals/useDynamicModals.cjs');
 var useMfa = require('./lib/utils/hooks/useMfa/useMfa.cjs');
 var useTokenBalances = require('./lib/utils/hooks/useTokenBalances/useTokenBalances.cjs');
+var useRefreshUser = require('./lib/utils/hooks/useRefreshUser/useRefreshUser.cjs');
 var DynamicConnectButton = require('./lib/components/DynamicConnectButton/DynamicConnectButton.cjs');
 require('./lib/components/InlineWidget/InlineWidget.cjs');
 var IsBrowser = require('./lib/components/IsBrowser/IsBrowser.cjs');
@@ -149,6 +151,7 @@ var useFunding = require('./lib/context/FundingContext/useFunding/useFunding.cjs
 require('./lib/context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('./lib/context/ConnectWithOtpContext/constants.cjs');
 var useConnectWithOtp = require('./lib/context/ConnectWithOtpContext/useConnectWithOtp.cjs');
+var useSwitchNetwork = require('./lib/utils/hooks/useSwitchNetwork/useSwitchNetwork.cjs');
 
 
 
@@ -164,6 +167,7 @@ exports.useDynamicContext = useDynamicContext.useDynamicContext;
 exports.useDynamicScopes = useDynamicScopes.useDynamicScopes;
 exports.useUserWallets = UserWalletsContext.useUserWallets;
 exports.classNames = classNames.classNames;
+exports.useDynamicEvents = useDynamicEvents.useDynamicEvents;
 exports.useWalletConnectorEvent = useWalletConnectorEvent.useWalletConnectorEvent;
 exports.useAuthenticateConnectedUser = useAuthenticateConnectedUser.useAuthenticateConnectedUser;
 Object.defineProperty(exports, 'DynamicJwtFromJSON', {
@@ -213,6 +217,7 @@ exports.useEmbeddedWalletAuthenticator = useEmbeddedWalletAuthenticator.useEmbed
 exports.useDynamicModals = useDynamicModals.useDynamicModals;
 exports.useMfa = useMfa.useMfa;
 exports.useTokenBalances = useTokenBalances.useTokenBalances;
+exports.useRefreshUser = useRefreshUser.useRefreshUser;
 exports.DynamicConnectButton = DynamicConnectButton.DynamicConnectButton;
 exports.IsBrowser = IsBrowser.IsBrowser;
 exports.NoQrNotInstalledView = NoQrNotInstalledView.NoQrNotInstalledView;
@@ -248,3 +253,4 @@ exports.UniswapFilter = index$2.UniswapFilter;
 exports.useSendBalance = SendBalanceContext.useSendBalance;
 exports.useFunding = useFunding.useFunding;
 exports.useConnectWithOtp = useConnectWithOtp.useConnectWithOtp;
+exports.useSwitchNetwork = useSwitchNetwork.useSwitchNetwork;

package/src/index.d.ts

@@ -107,7 +107,7 @@ export { FilterAndSortWallets, FilterBridgeChainsName, FilterChain, FilterWallet
 export { 
 /** @deprecated */
 DynamicWidgetContextProvider, } from './lib/widgets/DynamicWidget/context';
-export { useWalletItemActions, useAuthenticateConnectedUser, useSocialAccounts, useEmbeddedWallet, useEmbeddedWalletAuthenticator, usePasskeyRecovery, useEmbeddedReveal, useIsLoggedIn, useDynamicModals, useMfa, useTokenBalances, useSwitchWallet, useRpcProviders, } from './lib/utils/hooks';
+export { useWalletItemActions, useAuthenticateConnectedUser, useSocialAccounts, useEmbeddedWallet, useEmbeddedWalletAuthenticator, usePasskeyRecovery, useEmbeddedReveal, useIsLoggedIn, useDynamicModals, useMfa, useTokenBalances, useSwitchWallet, useRpcProviders, useRefreshUser, } from './lib/utils/hooks';
 export { useUserUpdateRequest, useWalletConnectorEvent, } from './lib/utils/hooks';
 export { type VerifyOtp, useOtpVerificationRequest, } from './lib/utils/hooks/authenticationHooks/';
 export type { UpdateUserFieldsArg } from './lib/utils/hooks/';
@@ -116,3 +116,5 @@ export { useSendBalance } from './lib/context/SendBalanceContext';
 export type { LocaleResource } from './lib/locale';
 export { useFunding } from './lib/context/FundingContext';
 export { useConnectWithOtp } from './lib/context/ConnectWithOtpContext';
+export { useDynamicEvents } from './lib/utils/hooks/events/useDynamicEvents';
+export { useSwitchNetwork } from './lib/utils/hooks/useSwitchNetwork';

package/src/index.js

@@ -15,7 +15,7 @@ import 'react/jsx-runtime';
 export { classNames } from './lib/utils/functions/classNames/classNames.js';
 import './lib/components/Accordion/components/AccordionItem/AccordionItem.js';
 import './lib/components/Alert/Alert.js';
-import './lib/events/dynamicEvents.js';
+export { useDynamicEvents } from './lib/utils/hooks/events/useDynamicEvents/useDynamicEvents.js';
 export { useWalletConnectorEvent } from './lib/utils/hooks/events/useWalletConnectorEvent/useWalletConnectorEvent.js';
 export { useAuthenticateConnectedUser } from './lib/utils/hooks/useAuthenticateConnectedUser/useAuthenticateConnectedUser.js';
 export { DynamicJwtFromJSON } from '@dynamic-labs/sdk-api-core';
@@ -54,6 +54,7 @@ export { ReactComponent as ArrowIcon } from './lib/shared/assets/stroke.js';
 import './lib/shared/consts/index.js';
 import '../_virtual/_tslib.js';
 import 'react-dom';
+import './lib/events/dynamicEvents.js';
 import './lib/config/ApiEndpoint.js';
 import '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/multi-wallet';
@@ -111,6 +112,7 @@ export { useEmbeddedWalletAuthenticator } from './lib/utils/hooks/useEmbeddedWal
 export { useDynamicModals } from './lib/utils/hooks/useDynamicModals/useDynamicModals.js';
 export { useMfa } from './lib/utils/hooks/useMfa/useMfa.js';
 export { useTokenBalances } from './lib/utils/hooks/useTokenBalances/useTokenBalances.js';
+export { useRefreshUser } from './lib/utils/hooks/useRefreshUser/useRefreshUser.js';
 export { DynamicConnectButton } from './lib/components/DynamicConnectButton/DynamicConnectButton.js';
 import './lib/components/InlineWidget/InlineWidget.js';
 export { IsBrowser } from './lib/components/IsBrowser/IsBrowser.js';
@@ -145,3 +147,4 @@ export { useFunding } from './lib/context/FundingContext/useFunding/useFunding.j
 import './lib/context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import './lib/context/ConnectWithOtpContext/constants.js';
 export { useConnectWithOtp } from './lib/context/ConnectWithOtpContext/useConnectWithOtp.js';
+export { useSwitchNetwork } from './lib/utils/hooks/useSwitchNetwork/useSwitchNetwork.js';

package/src/lib/Main.cjs

@@ -84,6 +84,7 @@ var SocialRedirectContext = require('./context/SocialRedirectContext/SocialRedir
 require('./context/WalletGroupContext/WalletGroupContext.cjs');
 require('./widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('./widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('./context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
 require('./context/FundingContext/FundingContext.cjs');
 require('./views/WalletList/WalletList.cjs');
 require('./widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');

package/src/lib/Main.js

@@ -80,6 +80,7 @@ import { useSocialRedirectContext } from './context/SocialRedirectContext/Social
 import './context/WalletGroupContext/WalletGroupContext.js';
 import './widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import './widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import './context/WidgetRegistry/WidgetRegistryContextProvider.js';
 import './context/FundingContext/FundingContext.js';
 import './views/WalletList/WalletList.js';
 import './widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';

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

@@ -109,6 +109,7 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetC
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+var WidgetRegistryContextProvider = require('../WidgetRegistry/WidgetRegistryContextProvider.cjs');
 var FundingWidget = require('../../widgets/FundingWidget/FundingWidget.cjs');
 var ConnectWithOtpProvider = require('../ConnectWithOtpContext/ConnectWithOtpProvider.cjs');
 require('../ConnectWithOtpContext/ConnectWithOtpContext.cjs');
@@ -119,6 +120,7 @@ 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 useTabState = require('../../views/WalletList/hooks/useTabState.cjs');
 var helpers = require('./helpers/helpers.cjs');
 var useDisplayOrderState = require('./hooks/useDisplayOrderState/useDisplayOrderState.cjs');
 var useEmailLoginState = require('./hooks/useEmailLoginState/useEmailLoginState.cjs');
@@ -173,7 +175,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     const i18nSDKInstance = locale.Locale.setup(locale$1);
     const isBridgeFlow = Boolean(bridgeChains);
     const deepLinkPreference = helpers.getDeepLinkPreference(deepLinkPreferenceProp, isBridgeFlow);
-    const [defaultTabIndex, setDefaultTabIndex] = React.useState(0);
+    const { selectedTabIndex, setSelectedTabIndex, selectedTabSettings, tabsItems, } = useTabState.useTabState({ settingsOverrides: settings$1.overrides });
     // 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);
@@ -460,7 +462,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             debugError,
             defaultNumberOfWalletsToShow,
             defaultPhoneInputIso2,
-            defaultTabIndex,
             desktopUri,
             disconnectWallet,
             displaySiweStatement,
@@ -510,6 +511,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             removeConnectedWalletsInfo,
             sdkHasLoaded,
             secondaryWallets,
+            selectedTabIndex,
+            selectedTabSettings,
             selectedWalletConnector,
             selectedWalletWithAction,
             sendWagmiSettings,
@@ -517,7 +520,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             setAuthorizationViewDisplayOrder,
             setBridgeOnboardingCompleted,
             setCallback,
-            setDefaultTabIndex,
             setDesktopUri,
             setIsSingleWalletAccount,
             setLegacyIsVerifying,
@@ -527,6 +529,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             setPrimaryWallet,
             setPrimaryWalletId,
             setQrcodeUri,
+            setSelectedTabIndex,
             setSelectedWalletConnectorKey,
             setSelectedWalletWithAction,
             setShowAuthFlow,
@@ -549,6 +552,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             socialMediaLinkText,
             socialMediaUrl,
             socialProvidersFilter,
+            tabsItems,
             termsOfServiceUrl,
             theme,
             toolkitEnabled,
@@ -564,11 +568,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         accessDeniedMessagePrimary,
         accessDeniedMessageSecondary,
         accountSwitchState,
-        handlers,
-        defaultPhoneInputIso2,
         appLogoUrl,
         appName,
-        defaultTabIndex,
         authMode,
         authorizationViewDisplayOrder,
         awaitingSignatureState,
@@ -584,6 +585,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         customTermsOfServices,
         debugError,
         defaultNumberOfWalletsToShow,
+        defaultPhoneInputIso2,
         desktopUri,
         disconnectWallet,
         displaySiweStatement,
@@ -602,7 +604,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         isSingleWalletAccount,
         legacyIsVerifying,
         user,
-        unauthenticatedUser,
         linkedOrConnectedWallets,
         loadingNetwork,
         loginWithEmail,
@@ -630,6 +631,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         removeConnectedWalletsInfo,
         sdkHasLoaded,
         secondaryWallets,
+        selectedTabIndex,
+        selectedTabSettings,
         selectedWalletConnector,
         selectedWalletWithAction,
         sendWagmiSettings,
@@ -642,6 +645,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         setPasskeySuccessPopup,
         setPrimaryWallet,
         setPrimaryWalletId,
+        setSelectedTabIndex,
         setSelectedWalletConnectorKey,
         setShowAuthFlow,
         setShowQrcodeModal,
@@ -656,11 +660,13 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         siweStatement,
         socialMediaIconUrl,
         socialMediaLinkText,
+        tabsItems,
         socialMediaUrl,
         socialProvidersFilter,
         termsOfServiceUrl,
         theme,
         toolkitEnabled,
+        unauthenticatedUser,
         walletConnectorOptions,
         walletUiUtils,
         walletsFilter,
@@ -715,7 +721,7 @@ const DynamicContextProvider = (props) => {
     logger.Logger.setEnvironmentId(props.settings.environmentId);
     logger.Logger.setEmitErrors(props.emitErrors);
     useParentDynamicContextGuard.useParentDynamicContextGuard();
-    return (jsxRuntime.jsx(ErrorBoundary.ErrorBoundary, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(UserWalletsContext.UserWalletsProvider, { children: jsxRuntime.jsx(FieldsStateContext.FieldsStateProvider, { children: jsxRuntime.jsx(IpConfigurationContext.IpConfigurationContextProvider, { children: jsxRuntime.jsx(MfaSettingsContext.MfaSettingsContextProvider, { children: jsxRuntime.jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }) }) }) }) }));
+    return (jsxRuntime.jsx(ErrorBoundary.ErrorBoundary, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(UserWalletsContext.UserWalletsProvider, { children: jsxRuntime.jsx(FieldsStateContext.FieldsStateProvider, { children: jsxRuntime.jsx(IpConfigurationContext.IpConfigurationContextProvider, { children: jsxRuntime.jsx(MfaSettingsContext.MfaSettingsContextProvider, { children: jsxRuntime.jsx(WidgetRegistryContextProvider.WidgetRegistryContextProvider, { children: jsxRuntime.jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }) }) }) }) }) }));
 };
 
 exports.DynamicContext = DynamicContext;

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

@@ -105,6 +105,7 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCa
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { WidgetRegistryContextProvider } from '../WidgetRegistry/WidgetRegistryContextProvider.js';
 import { FundingWidget } from '../../widgets/FundingWidget/FundingWidget.js';
 import { ConnectWithOtpProvider } from '../ConnectWithOtpContext/ConnectWithOtpProvider.js';
 import '../ConnectWithOtpContext/ConnectWithOtpContext.js';
@@ -115,6 +116,7 @@ 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 { useTabState } from '../../views/WalletList/hooks/useTabState.js';
 import { resolveNetworkValidationMode, initExpirationTime, getInitialView, getDeepLinkPreference } from './helpers/helpers.js';
 import { useDisplayOrderState } from './hooks/useDisplayOrderState/useDisplayOrderState.js';
 import { useEmailLoginState } from './hooks/useEmailLoginState/useEmailLoginState.js';
@@ -169,7 +171,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
     const i18nSDKInstance = Locale.setup(locale);
     const isBridgeFlow = Boolean(bridgeChains);
     const deepLinkPreference = getDeepLinkPreference(deepLinkPreferenceProp, isBridgeFlow);
-    const [defaultTabIndex, setDefaultTabIndex] = useState(0);
+    const { selectedTabIndex, setSelectedTabIndex, selectedTabSettings, tabsItems, } = useTabState({ settingsOverrides: settings.overrides });
     // 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);
@@ -456,7 +458,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             debugError,
             defaultNumberOfWalletsToShow,
             defaultPhoneInputIso2,
-            defaultTabIndex,
             desktopUri,
             disconnectWallet,
             displaySiweStatement,
@@ -506,6 +507,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             removeConnectedWalletsInfo,
             sdkHasLoaded,
             secondaryWallets,
+            selectedTabIndex,
+            selectedTabSettings,
             selectedWalletConnector,
             selectedWalletWithAction,
             sendWagmiSettings,
@@ -513,7 +516,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             setAuthorizationViewDisplayOrder,
             setBridgeOnboardingCompleted,
             setCallback,
-            setDefaultTabIndex,
             setDesktopUri,
             setIsSingleWalletAccount,
             setLegacyIsVerifying,
@@ -523,6 +525,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             setPrimaryWallet,
             setPrimaryWalletId,
             setQrcodeUri,
+            setSelectedTabIndex,
             setSelectedWalletConnectorKey,
             setSelectedWalletWithAction,
             setShowAuthFlow,
@@ -545,6 +548,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             socialMediaLinkText,
             socialMediaUrl,
             socialProvidersFilter,
+            tabsItems,
             termsOfServiceUrl,
             theme,
             toolkitEnabled,
@@ -560,11 +564,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         accessDeniedMessagePrimary,
         accessDeniedMessageSecondary,
         accountSwitchState,
-        handlers,
-        defaultPhoneInputIso2,
         appLogoUrl,
         appName,
-        defaultTabIndex,
         authMode,
         authorizationViewDisplayOrder,
         awaitingSignatureState,
@@ -580,6 +581,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         customTermsOfServices,
         debugError,
         defaultNumberOfWalletsToShow,
+        defaultPhoneInputIso2,
         desktopUri,
         disconnectWallet,
         displaySiweStatement,
@@ -598,7 +600,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         isSingleWalletAccount,
         legacyIsVerifying,
         user,
-        unauthenticatedUser,
         linkedOrConnectedWallets,
         loadingNetwork,
         loginWithEmail,
@@ -626,6 +627,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         removeConnectedWalletsInfo,
         sdkHasLoaded,
         secondaryWallets,
+        selectedTabIndex,
+        selectedTabSettings,
         selectedWalletConnector,
         selectedWalletWithAction,
         sendWagmiSettings,
@@ -638,6 +641,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         setPasskeySuccessPopup,
         setPrimaryWallet,
         setPrimaryWalletId,
+        setSelectedTabIndex,
         setSelectedWalletConnectorKey,
         setShowAuthFlow,
         setShowQrcodeModal,
@@ -652,11 +656,13 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         siweStatement,
         socialMediaIconUrl,
         socialMediaLinkText,
+        tabsItems,
         socialMediaUrl,
         socialProvidersFilter,
         termsOfServiceUrl,
         theme,
         toolkitEnabled,
+        unauthenticatedUser,
         walletConnectorOptions,
         walletUiUtils,
         walletsFilter,
@@ -711,7 +717,7 @@ const DynamicContextProvider = (props) => {
     Logger.setEnvironmentId(props.settings.environmentId);
     Logger.setEmitErrors(props.emitErrors);
     useParentDynamicContextGuard();
-    return (jsx(ErrorBoundary, { children: jsx(ErrorContextProvider, { children: jsx(UserWalletsProvider, { children: jsx(FieldsStateProvider, { children: jsx(IpConfigurationContextProvider, { children: jsx(MfaSettingsContextProvider, { children: jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }) }) }) }) }));
+    return (jsx(ErrorBoundary, { children: jsx(ErrorContextProvider, { children: jsx(UserWalletsProvider, { children: jsx(FieldsStateProvider, { children: jsx(IpConfigurationContextProvider, { children: jsx(MfaSettingsContextProvider, { children: jsx(WidgetRegistryContextProvider, { children: jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }) }) }) }) }) }));
 };
 
 export { DynamicContext, DynamicContextProvider, InnerDynamicContextProvider, PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID };

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

@@ -3,23 +3,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var useDynamicEvents = require('../../../../utils/hooks/events/useDynamicEvents/useDynamicEvents.cjs');
-require('react');
-require('../../../../../../_virtual/_tslib.cjs');
-require('@dynamic-labs/utils');
-require('../../DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
-require('../../../../shared/logger.cjs');
+var logger = require('../../../../shared/logger.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('../../../../shared/utils/classes/storage/sessionStorage.cjs');
+require('@dynamic-labs/utils');
 require('../../../../shared/consts/index.cjs');
+var useDynamicEvents = require('../../../../utils/hooks/events/useDynamicEvents/useDynamicEvents.cjs');
+require('../../../../../../_virtual/_tslib.cjs');
+require('../../DynamicContext.cjs');
 require('../../../CaptchaContext/CaptchaContext.cjs');
 require('../../../ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -105,14 +105,21 @@ const useTieCallbacksToEvents = ({ clientCallbacks, user, setHasLoggedOut, }) =>
     useDynamicEvents.useInternalDynamicEvents('walletAdded', (wallet, userWallets) => {
         var _a;
         setHasLoggedOut(false);
+        logger.logger.debug('[walletAdded]', { userWallets, wallet });
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onWalletAdded) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, { userWallets, wallet });
     });
     useDynamicEvents.useInternalDynamicEvents('walletRemoved', (wallet, userWallets) => {
         var _a;
+        logger.logger.debug('[walletRemoved]', { userWallets, wallet });
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onWalletRemoved) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, { userWallets, wallet });
     });
     useDynamicEvents.useInternalDynamicEvents('embeddedWalletCreated', (_wallet, jwtVerifiedCredential, user) => {
         var _a;
+        logger.logger.debug('[embeddedWalletCreated]', {
+            _wallet,
+            jwtVerifiedCredential,
+            user,
+        });
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onEmbeddedWalletCreated) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, jwtVerifiedCredential, user);
     });
     useDynamicEvents.useInternalDynamicEvents('logout', () => {
@@ -121,10 +128,12 @@ const useTieCallbacksToEvents = ({ clientCallbacks, user, setHasLoggedOut, }) =>
     });
     useDynamicEvents.useInternalDynamicEvents('authFailure', (data, reason) => {
         var _a;
+        logger.logger.debug('[authFailure]', { data, reason });
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onAuthFailure) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, data, reason);
     });
     useDynamicEvents.useInternalDynamicEvents('authInit', (data) => {
         var _a;
+        logger.logger.debug('[authInit]', { data });
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onAuthInit) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, data);
     });
 };

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

@@ -1,21 +1,21 @@
 'use client'
-import { useInternalDynamicEvents } from '../../../../utils/hooks/events/useDynamicEvents/useDynamicEvents.js';
-import 'react';
-import '../../../../../../_virtual/_tslib.js';
-import '@dynamic-labs/utils';
-import '../../DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
-import '../../../../shared/logger.js';
+import { logger } from '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../ViewContext/ViewContext.js';
+import 'react';
 import '@dynamic-labs/wallet-book';
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
 import '../../../../shared/utils/classes/storage/sessionStorage.js';
+import '@dynamic-labs/utils';
 import '../../../../shared/consts/index.js';
+import { useInternalDynamicEvents } from '../../../../utils/hooks/events/useDynamicEvents/useDynamicEvents.js';
+import '../../../../../../_virtual/_tslib.js';
+import '../../DynamicContext.js';
 import '../../../CaptchaContext/CaptchaContext.js';
 import '../../../ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -101,14 +101,21 @@ const useTieCallbacksToEvents = ({ clientCallbacks, user, setHasLoggedOut, }) =>
     useInternalDynamicEvents('walletAdded', (wallet, userWallets) => {
         var _a;
         setHasLoggedOut(false);
+        logger.debug('[walletAdded]', { userWallets, wallet });
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onWalletAdded) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, { userWallets, wallet });
     });
     useInternalDynamicEvents('walletRemoved', (wallet, userWallets) => {
         var _a;
+        logger.debug('[walletRemoved]', { userWallets, wallet });
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onWalletRemoved) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, { userWallets, wallet });
     });
     useInternalDynamicEvents('embeddedWalletCreated', (_wallet, jwtVerifiedCredential, user) => {
         var _a;
+        logger.debug('[embeddedWalletCreated]', {
+            _wallet,
+            jwtVerifiedCredential,
+            user,
+        });
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onEmbeddedWalletCreated) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, jwtVerifiedCredential, user);
     });
     useInternalDynamicEvents('logout', () => {
@@ -117,10 +124,12 @@ const useTieCallbacksToEvents = ({ clientCallbacks, user, setHasLoggedOut, }) =>
     });
     useInternalDynamicEvents('authFailure', (data, reason) => {
         var _a;
+        logger.debug('[authFailure]', { data, reason });
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onAuthFailure) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, data, reason);
     });
     useInternalDynamicEvents('authInit', (data) => {
         var _a;
+        logger.debug('[authInit]', { data });
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onAuthInit) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, data);
     });
 };

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

@@ -117,8 +117,10 @@ export interface IDynamicContext {
         changeLanguage: typeof changeLanguage;
     };
     loginWithEmail: boolean;
-    setDefaultTabIndex: (index: number) => void;
-    defaultTabIndex: number;
+    selectedTabIndex: number;
+    selectedTabSettings: WalletListViewTabItem | undefined;
+    tabsItems: WalletListViewTabItem[] | undefined;
+    setSelectedTabIndex: Dispatch<SetStateAction<number>>;
     minAuthToken: string | undefined;
     multiAsset: boolean;
     multiWallet: 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, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, minAuthToken, setDefaultTabIndex, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, minAuthToken, selectedTabIndex, setSelectedTabIndex, } = context;
     const { setAuthMode } = useOverrides.useOverrides(context);
     return {
         accountSwitchState,
@@ -36,12 +36,13 @@ const useDynamicContext = () => {
         primaryWallet,
         qrcodeUri,
         sdkHasLoaded,
+        selectedTabIndex,
         sendWagmiSettings,
         setAuthMode,
-        setDefaultTabIndex,
         setLogInWithEmail,
         setMultiWalletWidgetState,
         setPrimaryWallet,
+        setSelectedTabIndex,
         setShowAuthFlow: (value) => setShowAuthFlow(value, {
             clearErrors: true,
             emitCancelAuth: true,