@dynamic-labs/sdk-react-core 4.10.4 → 4.11.0

package/CHANGELOG.md

@@ -1,4 +1,16 @@
 
+## [4.11.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.10.4...v4.11.0) (2025-04-08)
+
+
+### Features
+
+* Method `removeWallet` from `useDynamicContext` is now able to unlink primary wallets — as long as the wallet is not the only remaining log in method for the user.
+
+
+### Bug Fixes
+
+* **QNTM-3113:** fix network switcher fallback logic ([#8478](https://github.com/dynamic-labs/dynamic-auth/issues/8478)) ([173c4f7](https://github.com/dynamic-labs/dynamic-auth/commit/173c4f7a66e130dd8d5f9726596807489609bf14))
+
 ### [4.10.4](https://github.com/dynamic-labs/dynamic-auth/compare/v4.10.3...v4.10.4) (2025-04-04)
 
 ### [4.10.3](https://github.com/dynamic-labs/dynamic-auth/compare/v4.10.2...v4.10.3) (2025-04-04)

package/package.cjs

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

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "4.10.4";
+var version = "4.11.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.650",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.10.4",
+  "version": "4.11.0",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.650",
     "@hcaptcha/react-hcaptcha": "1.4.4",
@@ -14,16 +14,16 @@
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.10.4",
-    "@dynamic-labs/iconic": "4.10.4",
-    "@dynamic-labs/logger": "4.10.4",
-    "@dynamic-labs/multi-wallet": "4.10.4",
-    "@dynamic-labs/rpc-providers": "4.10.4",
-    "@dynamic-labs/store": "4.10.4",
-    "@dynamic-labs/types": "4.10.4",
-    "@dynamic-labs/utils": "4.10.4",
-    "@dynamic-labs/wallet-book": "4.10.4",
-    "@dynamic-labs/wallet-connector-core": "4.10.4",
+    "@dynamic-labs/assert-package-version": "4.11.0",
+    "@dynamic-labs/iconic": "4.11.0",
+    "@dynamic-labs/logger": "4.11.0",
+    "@dynamic-labs/multi-wallet": "4.11.0",
+    "@dynamic-labs/rpc-providers": "4.11.0",
+    "@dynamic-labs/store": "4.11.0",
+    "@dynamic-labs/types": "4.11.0",
+    "@dynamic-labs/utils": "4.11.0",
+    "@dynamic-labs/wallet-book": "4.11.0",
+    "@dynamic-labs/wallet-connector-core": "4.11.0",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/components/NetworkPicker/components/NonNetworkSwitchingSupportedControl/NonNetworkSwitchingSupportedControl.cjs

@@ -105,18 +105,30 @@ require('../../../Popper/PopperContext/PopperContext.cjs');
 const NonNetworkSwitchingSupportedControl = ({ walletConnector, className, showNetworkName = false, network, enabledNetworks, }) => {
     const { chain, isLoading } = useFetchChain.useFetchChain(walletConnector);
     const ChainIcon = getChainIcon.getChainIcon(walletConnector.connectedChain || '');
+    /**
+     * Determines the network name to show.
+     *
+     * If enabledNetworks is defined and nonempty, we select a valid network name from the list.
+     */
     const currentNetwork = React.useMemo(() => {
         var _a;
-        let networkName;
-        if (network && enabledNetworks) {
-            networkName = (_a = enabledNetworks.find((element) => element.chainId.toString() === network.toString())) === null || _a === void 0 ? void 0 : _a.name;
+        if (!network) {
+            return undefined;
         }
+        const networkName = (_a = enabledNetworks === null || enabledNetworks === void 0 ? void 0 : enabledNetworks.find((element) => element.chainId.toString() === network.toString())) === null || _a === void 0 ? void 0 : _a.name;
         return networkName ? capitalize.capitalize(networkName) : undefined;
     }, [enabledNetworks, network]);
+    /** Gets the chain name as a fallback if currentNetwork is not defined. */
+    const chainName = React.useMemo(() => {
+        const name = chain === null || chain === void 0 ? void 0 : chain.name;
+        return name ? capitalize.capitalize(name) : undefined;
+    }, [chain]);
+    /** Determines whether we should show the unsupported network UI. */
+    const shouldShowUnsupportedNetwork = React.useMemo(() => !currentNetwork && enabledNetworks && enabledNetworks.length > 0, [currentNetwork, enabledNetworks]);
     if (isLoading) {
         return jsxRuntime.jsx(NetworkControlSkeleton.NetworkControlSkeleton, { className: className });
     }
-    return (jsxRuntime.jsxs("div", { "data-testid": 'NonNetworkSwitchingSupportedControl', className: classNames.classNames('non-network-switching-supported-control', className), children: [!currentNetwork && jsxRuntime.jsx(UnsupportedNetwork.UnsupportedNetwork, { showMsg: showNetworkName }), currentNetwork && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Icon.Icon, { size: 'small', children: (chain === null || chain === void 0 ? void 0 : chain.icon) ? (jsxRuntime.jsx("img", { src: chain.icon, alt: `${chain.name} icon` })) : (jsxRuntime.jsx(ChainIcon, {})) }), showNetworkName && (jsxRuntime.jsx(Typography.Typography, { className: classNames.classNames('non-network-switching-supported-control__network-name'), as: 'span', variant: 'body_small', children: currentNetwork }))] }))] }));
+    return (jsxRuntime.jsxs("div", { "data-testid": 'NonNetworkSwitchingSupportedControl', className: classNames.classNames('non-network-switching-supported-control', className), children: [shouldShowUnsupportedNetwork && (jsxRuntime.jsx(UnsupportedNetwork.UnsupportedNetwork, { showMsg: showNetworkName })), !shouldShowUnsupportedNetwork && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Icon.Icon, { size: 'small', children: (chain === null || chain === void 0 ? void 0 : chain.icon) ? (jsxRuntime.jsx("img", { src: chain.icon, alt: `${chain.name} icon` })) : (jsxRuntime.jsx(ChainIcon, {})) }), showNetworkName && (jsxRuntime.jsx(Typography.Typography, { className: classNames.classNames('non-network-switching-supported-control__network-name'), as: 'span', variant: 'body_small', children: currentNetwork !== null && currentNetwork !== void 0 ? currentNetwork : chainName }))] }))] }));
 };
 
 exports.NonNetworkSwitchingSupportedControl = NonNetworkSwitchingSupportedControl;

package/src/lib/components/NetworkPicker/components/NonNetworkSwitchingSupportedControl/NonNetworkSwitchingSupportedControl.js

@@ -101,18 +101,30 @@ import '../../../Popper/PopperContext/PopperContext.js';
 const NonNetworkSwitchingSupportedControl = ({ walletConnector, className, showNetworkName = false, network, enabledNetworks, }) => {
     const { chain, isLoading } = useFetchChain(walletConnector);
     const ChainIcon = getChainIcon(walletConnector.connectedChain || '');
+    /**
+     * Determines the network name to show.
+     *
+     * If enabledNetworks is defined and nonempty, we select a valid network name from the list.
+     */
     const currentNetwork = useMemo(() => {
         var _a;
-        let networkName;
-        if (network && enabledNetworks) {
-            networkName = (_a = enabledNetworks.find((element) => element.chainId.toString() === network.toString())) === null || _a === void 0 ? void 0 : _a.name;
+        if (!network) {
+            return undefined;
         }
+        const networkName = (_a = enabledNetworks === null || enabledNetworks === void 0 ? void 0 : enabledNetworks.find((element) => element.chainId.toString() === network.toString())) === null || _a === void 0 ? void 0 : _a.name;
         return networkName ? capitalize(networkName) : undefined;
     }, [enabledNetworks, network]);
+    /** Gets the chain name as a fallback if currentNetwork is not defined. */
+    const chainName = useMemo(() => {
+        const name = chain === null || chain === void 0 ? void 0 : chain.name;
+        return name ? capitalize(name) : undefined;
+    }, [chain]);
+    /** Determines whether we should show the unsupported network UI. */
+    const shouldShowUnsupportedNetwork = useMemo(() => !currentNetwork && enabledNetworks && enabledNetworks.length > 0, [currentNetwork, enabledNetworks]);
     if (isLoading) {
         return jsx(NetworkControlSkeleton, { className: className });
     }
-    return (jsxs("div", { "data-testid": 'NonNetworkSwitchingSupportedControl', className: classNames('non-network-switching-supported-control', className), children: [!currentNetwork && jsx(UnsupportedNetwork, { showMsg: showNetworkName }), currentNetwork && (jsxs(Fragment, { children: [jsx(Icon, { size: 'small', children: (chain === null || chain === void 0 ? void 0 : chain.icon) ? (jsx("img", { src: chain.icon, alt: `${chain.name} icon` })) : (jsx(ChainIcon, {})) }), showNetworkName && (jsx(Typography, { className: classNames('non-network-switching-supported-control__network-name'), as: 'span', variant: 'body_small', children: currentNetwork }))] }))] }));
+    return (jsxs("div", { "data-testid": 'NonNetworkSwitchingSupportedControl', className: classNames('non-network-switching-supported-control', className), children: [shouldShowUnsupportedNetwork && (jsx(UnsupportedNetwork, { showMsg: showNetworkName })), !shouldShowUnsupportedNetwork && (jsxs(Fragment, { children: [jsx(Icon, { size: 'small', children: (chain === null || chain === void 0 ? void 0 : chain.icon) ? (jsx("img", { src: chain.icon, alt: `${chain.name} icon` })) : (jsx(ChainIcon, {})) }), showNetworkName && (jsx(Typography, { className: classNames('non-network-switching-supported-control__network-name'), as: 'span', variant: 'body_small', children: currentNetwork !== null && currentNetwork !== void 0 ? currentNetwork : chainName }))] }))] }));
 };
 
 export { NonNetworkSwitchingSupportedControl };

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

@@ -66,7 +66,6 @@ export * from './Switch';
 export * from './SyncAuthFlow';
 export * from './TextButton';
 export * from './ToggleVisibilityButton';
-export * from './Toolkit';
 export * from './Tooltip';
 export * from './TosAndPp';
 export * from './TransactionConfirmationPageLayout';

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

@@ -10,6 +10,7 @@ require('@dynamic-labs/utils');
 var storeAuthTokenAndUser = require('../../../store/state/user/storeAuthTokenAndUser/storeAuthTokenAndUser.cjs');
 require('../../../store/state/user/user.cjs');
 require('../../../config/ApiEndpoint.cjs');
+require('../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../utils/constants/values.cjs');
 require('@dynamic-labs/multi-wallet');
 require('../../../shared/logger.cjs');
@@ -23,7 +24,6 @@ require('../../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../../shared/consts/index.cjs');
 require('../../../store/state/nonce/nonce.cjs');
-require('../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../../locale/locale.cjs');

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

@@ -6,6 +6,7 @@ import '@dynamic-labs/utils';
 import { storeAuthTokenAndUser } from '../../../store/state/user/storeAuthTokenAndUser/storeAuthTokenAndUser.js';
 import '../../../store/state/user/user.js';
 import '../../../config/ApiEndpoint.js';
+import '../../../store/state/projectSettings/projectSettings.js';
 import '../../../utils/constants/values.js';
 import '@dynamic-labs/multi-wallet';
 import '../../../shared/logger.js';
@@ -19,7 +20,6 @@ import '../../ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../../shared/consts/index.js';
 import '../../../store/state/nonce/nonce.js';
-import '../../../store/state/projectSettings/projectSettings.js';
 import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../../locale/locale.js';

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

@@ -7,6 +7,7 @@ var _tslib = require('../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/utils');
 require('@dynamic-labs/sdk-api-core');
 require('../../../config/ApiEndpoint.cjs');
+require('../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../utils/constants/values.cjs');
 require('@dynamic-labs/multi-wallet');
 require('../../../shared/logger.cjs');
@@ -20,7 +21,6 @@ require('../../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../../shared/consts/index.cjs');
 require('../../../store/state/nonce/nonce.cjs');
-require('../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
 var storeAuthTokenAndUser = require('../../../store/state/user/storeAuthTokenAndUser/storeAuthTokenAndUser.cjs');

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

@@ -3,6 +3,7 @@ import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api-core';
 import '../../../config/ApiEndpoint.js';
+import '../../../store/state/projectSettings/projectSettings.js';
 import '../../../utils/constants/values.js';
 import '@dynamic-labs/multi-wallet';
 import '../../../shared/logger.js';
@@ -16,7 +17,6 @@ import '../../ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../../shared/consts/index.js';
 import '../../../store/state/nonce/nonce.js';
-import '../../../store/state/projectSettings/projectSettings.js';
 import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../store/state/primaryWalletId/primaryWalletId.js';
 import { storeAuthTokenAndUser } from '../../../store/state/user/storeAuthTokenAndUser/storeAuthTokenAndUser.js';

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

@@ -106,7 +106,6 @@ var PasskeyContext = require('../PasskeyContext/PasskeyContext.cjs');
 require('../../store/state/sendBalances.cjs');
 var useNetworkConfigurationsFromProjectSettings = require('../../utils/hooks/useNetworkConfigurationsFromProjectSettings/useNetworkConfigurationsFromProjectSettings.cjs');
 var SyncAuthFlow = require('../../components/SyncAuthFlow/SyncAuthFlow.cjs');
-var Toolkit = require('../../components/Toolkit/Toolkit.cjs');
 var WalletConnectorEvents = require('../../components/WalletConnectorEvents/WalletConnectorEvents.cjs');
 var shouldFetchNonce = require('../../shared/utils/functions/shouldFetchNonce/shouldFetchNonce.cjs');
 var store = require('../../store/internalImplementation/store.cjs');
@@ -164,7 +163,7 @@ const DynamicContext = React.createContext(undefined);
 const InnerDynamicContextProvider = (props) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
     const { children, theme, settings: settings$1, locale: locale$1, enableInstrumentation = false, } = props;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, detectNewWalletsForLinking = defaultDynamicSettings.defaultDynamicSettings.detectNewWalletsForLinking, enableConnectOnlyFallback = defaultDynamicSettings.defaultDynamicSettings.enableConnectOnlyFallback, deepLinkPreference: deepLinkPreferenceProp = defaultDynamicSettings.defaultDynamicSettings.deepLinkPreference, bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = defaultDynamicSettings.defaultDynamicSettings.initialAuthenticationMode, debugError = defaultDynamicSettings.defaultDynamicSettings.debugError, displaySiweStatement = defaultDynamicSettings.defaultDynamicSettings.displaySiweStatement, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = defaultDynamicSettings.defaultDynamicSettings.enableVisitTrackingOnConnectOnly, environmentId, walletsFilter, logLevel = defaultDynamicSettings.defaultDynamicSettings.logLevel, mobileExperience, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = defaultDynamicSettings.defaultDynamicSettings.shadowDOMEnabled, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = defaultDynamicSettings.defaultDynamicSettings.showLockedWalletView, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, handlers, suppressEndUserConsoleWarning, transactionConfirmation: transactionConfirmationSettings, } = settings$1;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, detectNewWalletsForLinking = defaultDynamicSettings.defaultDynamicSettings.detectNewWalletsForLinking, enableConnectOnlyFallback = defaultDynamicSettings.defaultDynamicSettings.enableConnectOnlyFallback, deepLinkPreference: deepLinkPreferenceProp = defaultDynamicSettings.defaultDynamicSettings.deepLinkPreference, bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = defaultDynamicSettings.defaultDynamicSettings.initialAuthenticationMode, debugError = defaultDynamicSettings.defaultDynamicSettings.debugError, displaySiweStatement = defaultDynamicSettings.defaultDynamicSettings.displaySiweStatement, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = defaultDynamicSettings.defaultDynamicSettings.enableVisitTrackingOnConnectOnly, environmentId, walletsFilter, logLevel = defaultDynamicSettings.defaultDynamicSettings.logLevel, mobileExperience, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, siweStatement, shadowDOMEnabled = defaultDynamicSettings.defaultDynamicSettings.shadowDOMEnabled, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = defaultDynamicSettings.defaultDynamicSettings.showLockedWalletView, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, handlers, suppressEndUserConsoleWarning, transactionConfirmation: transactionConfirmationSettings, } = settings$1;
     let { appLogoUrl = defaultDynamicSettings.defaultDynamicSettings.appLogoUrl, appName = defaultDynamicSettings.defaultDynamicSettings.appName, } = settings$1;
     /**
      * initialize Storage
@@ -592,7 +591,6 @@ const InnerDynamicContextProvider = (props) => {
             tabsItems,
             termsOfServiceUrl,
             theme,
-            toolkitEnabled,
             user: user$1,
             userWithMissingInfo,
             walletConnectorOptions,
@@ -700,7 +698,6 @@ const InnerDynamicContextProvider = (props) => {
         tabsItems,
         termsOfServiceUrl,
         theme,
-        toolkitEnabled,
         user$1,
         userWithMissingInfo,
         walletConnectorOptions,
@@ -732,7 +729,7 @@ const InnerDynamicContextProvider = (props) => {
         isBridgeFlow,
         isMultiWalletEnabled: multiWallet,
     });
-    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, ((_q = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.design) === null || _q === void 0 ? void 0 : _q.modal) || undefined), designSettings: projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.design, children: jsxRuntime.jsx(LoadingContext.LoadingContextProvider, { children: jsxRuntime.jsxs(ViewContext.ViewContextProvider, { initialViewType: initialViewType, children: [networkValidationMode === 'always' && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { children: jsxRuntime.jsx(VerificationContext.VerificationProvider, { children: jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(OnrampContext.OnrampContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsx(UserFieldEditorContext.UserFieldEditorContextProvider, { children: jsxRuntime.jsx(ConnectWithOtpProvider.ConnectWithOtpProvider, { children: jsxRuntime.jsx(PhantomRedirectContext.PhantomRedirectContextProvider, { children: jsxRuntime.jsxs(SocialRedirectContext.SocialRedirectContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(OnrampWidget.OnrampWidget, {}), jsxRuntime.jsx(SyncAuthFlow.SyncAuthFlow, {}), jsxRuntime.jsx(WalletConnectorEvents.WalletConnectorEvents, { connectorProps: connectorProps }), confirmationModal, jsxRuntime.jsx(ErrorBoundaryExclude.ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
+    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, ((_q = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.design) === null || _q === void 0 ? void 0 : _q.modal) || undefined), designSettings: projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.design, children: jsxRuntime.jsx(LoadingContext.LoadingContextProvider, { children: jsxRuntime.jsxs(ViewContext.ViewContextProvider, { initialViewType: initialViewType, children: [networkValidationMode === 'always' && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { children: jsxRuntime.jsx(VerificationContext.VerificationProvider, { children: jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(OnrampContext.OnrampContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsx(UserFieldEditorContext.UserFieldEditorContextProvider, { children: jsxRuntime.jsx(ConnectWithOtpProvider.ConnectWithOtpProvider, { children: jsxRuntime.jsx(PhantomRedirectContext.PhantomRedirectContextProvider, { children: jsxRuntime.jsxs(SocialRedirectContext.SocialRedirectContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(OnrampWidget.OnrampWidget, {}), jsxRuntime.jsx(SyncAuthFlow.SyncAuthFlow, {}), jsxRuntime.jsx(WalletConnectorEvents.WalletConnectorEvents, { connectorProps: connectorProps }), confirmationModal, jsxRuntime.jsx(ErrorBoundaryExclude.ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => {

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

@@ -102,7 +102,6 @@ import { PasskeyContextProvider } from '../PasskeyContext/PasskeyContext.js';
 import '../../store/state/sendBalances.js';
 import { useNetworkConfigurationsFromProjectSettings } from '../../utils/hooks/useNetworkConfigurationsFromProjectSettings/useNetworkConfigurationsFromProjectSettings.js';
 import { SyncAuthFlow } from '../../components/SyncAuthFlow/SyncAuthFlow.js';
-import { Toolkit } from '../../components/Toolkit/Toolkit.js';
 import { WalletConnectorEvents } from '../../components/WalletConnectorEvents/WalletConnectorEvents.js';
 import { shouldFetchNonce } from '../../shared/utils/functions/shouldFetchNonce/shouldFetchNonce.js';
 import { initializeStore } from '../../store/internalImplementation/store.js';
@@ -160,7 +159,7 @@ const DynamicContext = createContext(undefined);
 const InnerDynamicContextProvider = (props) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
     const { children, theme, settings, locale, enableInstrumentation = false, } = props;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, detectNewWalletsForLinking = defaultDynamicSettings.detectNewWalletsForLinking, enableConnectOnlyFallback = defaultDynamicSettings.enableConnectOnlyFallback, deepLinkPreference: deepLinkPreferenceProp = defaultDynamicSettings.deepLinkPreference, bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = defaultDynamicSettings.initialAuthenticationMode, debugError = defaultDynamicSettings.debugError, displaySiweStatement = defaultDynamicSettings.displaySiweStatement, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = defaultDynamicSettings.enableVisitTrackingOnConnectOnly, environmentId, walletsFilter, logLevel = defaultDynamicSettings.logLevel, mobileExperience, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = defaultDynamicSettings.shadowDOMEnabled, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = defaultDynamicSettings.showLockedWalletView, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, handlers, suppressEndUserConsoleWarning, transactionConfirmation: transactionConfirmationSettings, } = settings;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, detectNewWalletsForLinking = defaultDynamicSettings.detectNewWalletsForLinking, enableConnectOnlyFallback = defaultDynamicSettings.enableConnectOnlyFallback, deepLinkPreference: deepLinkPreferenceProp = defaultDynamicSettings.deepLinkPreference, bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = defaultDynamicSettings.initialAuthenticationMode, debugError = defaultDynamicSettings.debugError, displaySiweStatement = defaultDynamicSettings.displaySiweStatement, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = defaultDynamicSettings.enableVisitTrackingOnConnectOnly, environmentId, walletsFilter, logLevel = defaultDynamicSettings.logLevel, mobileExperience, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, siweStatement, shadowDOMEnabled = defaultDynamicSettings.shadowDOMEnabled, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = defaultDynamicSettings.showLockedWalletView, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, handlers, suppressEndUserConsoleWarning, transactionConfirmation: transactionConfirmationSettings, } = settings;
     let { appLogoUrl = defaultDynamicSettings.appLogoUrl, appName = defaultDynamicSettings.appName, } = settings;
     /**
      * initialize Storage
@@ -588,7 +587,6 @@ const InnerDynamicContextProvider = (props) => {
             tabsItems,
             termsOfServiceUrl,
             theme,
-            toolkitEnabled,
             user,
             userWithMissingInfo,
             walletConnectorOptions,
@@ -696,7 +694,6 @@ const InnerDynamicContextProvider = (props) => {
         tabsItems,
         termsOfServiceUrl,
         theme,
-        toolkitEnabled,
         user,
         userWithMissingInfo,
         walletConnectorOptions,
@@ -728,7 +725,7 @@ const InnerDynamicContextProvider = (props) => {
         isBridgeFlow,
         isMultiWalletEnabled: multiWallet,
     });
-    return (jsx(I18nextProvider, { i18n: i18nSDKInstance, children: jsx(DynamicContext.Provider, { value: value, children: jsx(WalletBookContextProvider, { walletBook: walletBook, children: jsx(ThemeContextProvider, { customerTheme: parseTheme(theme, ((_q = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _q === void 0 ? void 0 : _q.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design, children: jsx(LoadingContextProvider, { children: jsxs(ViewContextProvider, { initialViewType: initialViewType, children: [networkValidationMode === 'always' && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { children: jsx(VerificationProvider, { children: jsx(PasskeyContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(OnrampContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsx(UserFieldEditorContextProvider, { children: jsx(ConnectWithOtpProvider, { children: jsx(PhantomRedirectContextProvider, { children: jsxs(SocialRedirectContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(OnrampWidget, {}), jsx(SyncAuthFlow, {}), jsx(WalletConnectorEvents, { connectorProps: connectorProps }), confirmationModal, jsx(ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
+    return (jsx(I18nextProvider, { i18n: i18nSDKInstance, children: jsx(DynamicContext.Provider, { value: value, children: jsx(WalletBookContextProvider, { walletBook: walletBook, children: jsx(ThemeContextProvider, { customerTheme: parseTheme(theme, ((_q = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _q === void 0 ? void 0 : _q.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design, children: jsx(LoadingContextProvider, { children: jsxs(ViewContextProvider, { initialViewType: initialViewType, children: [networkValidationMode === 'always' && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { children: jsx(VerificationProvider, { children: jsx(PasskeyContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(OnrampContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsx(UserFieldEditorContextProvider, { children: jsx(ConnectWithOtpProvider, { children: jsx(PhantomRedirectContextProvider, { children: jsxs(SocialRedirectContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(OnrampWidget, {}), jsx(SyncAuthFlow, {}), jsx(WalletConnectorEvents, { connectorProps: connectorProps }), confirmationModal, jsx(ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => {

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

@@ -8,6 +8,7 @@ var React = require('react');
 var utils = require('@dynamic-labs/utils');
 require('@dynamic-labs/sdk-api-core');
 require('../../../../config/ApiEndpoint.cjs');
+require('../../../../store/state/projectSettings/projectSettings.cjs');
 var values = require('../../../../utils/constants/values.cjs');
 require('@dynamic-labs/multi-wallet');
 var logger = require('../../../../shared/logger.cjs');
@@ -21,7 +22,6 @@ require('../../../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../../../shared/consts/index.cjs');
 require('../../../../store/state/nonce/nonce.cjs');
-require('../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 var primaryWalletId = require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');
 var user = require('../../../../store/state/user/user.cjs');

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

@@ -4,6 +4,7 @@ import { useRef, useCallback, useEffect } from 'react';
 import { StorageService } from '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api-core';
 import '../../../../config/ApiEndpoint.js';
+import '../../../../store/state/projectSettings/projectSettings.js';
 import { DYNAMIC_AUTH_COOKIE_NAME } from '../../../../utils/constants/values.js';
 import '@dynamic-labs/multi-wallet';
 import { logger } from '../../../../shared/logger.js';
@@ -17,7 +18,6 @@ import '../../../ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../../../shared/consts/index.js';
 import '../../../../store/state/nonce/nonce.js';
-import '../../../../store/state/projectSettings/projectSettings.js';
 import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import { resetPrimaryWalletId } from '../../../../store/state/primaryWalletId/primaryWalletId.js';
 import { setUser } from '../../../../store/state/user/user.js';

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

@@ -5,12 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var React = require('react');
-require('@dynamic-labs/utils');
+var utils = require('@dynamic-labs/utils');
 require('@dynamic-labs/sdk-api-core');
 require('../../../../config/ApiEndpoint.cjs');
+require('../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../utils/constants/values.cjs');
 require('@dynamic-labs/multi-wallet');
-var logger = require('../../../../shared/logger.cjs');
+require('../../../../shared/logger.cjs');
 require('../../../../utils/constants/colors.cjs');
 require('react-international-phone');
 require('@dynamic-labs/iconic');
@@ -20,10 +21,9 @@ require('../../../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../../../shared/consts/index.cjs');
 require('../../../../store/state/nonce/nonce.cjs');
-require('../../../../store/state/projectSettings/projectSettings.cjs');
 var dynamicContextProps = require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 var primaryWalletId = require('../../../../store/state/primaryWalletId/primaryWalletId.cjs');
-require('../../../../store/state/user/user.cjs');
+var user = require('../../../../store/state/user/user.cjs');
 require('../../../../locale/locale.cjs');
 var wallets = require('../../../../data/api/wallets/wallets.cjs');
 var connectedWalletsInfo = require('../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
@@ -34,26 +34,27 @@ const useRemoveWallet = ({ secondaryWallets, authMode, handleLogOut, setPrimaryW
     const connectedWalletsInfo$1 = connectedWalletsInfo.useConnectedWalletsInfo();
     const nextWalletId = React.useMemo(() => (secondaryWallets[0] ? secondaryWallets[0].id : undefined), [secondaryWallets]);
     const callback = React.useCallback((walletId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _a;
         const wallet = userWallets.find((w) => w.id === walletId);
         if (!wallet)
             return;
         const primaryWalletId$1 = primaryWalletId.getPrimaryWalletId();
-        const isPrimaryWallet = walletId === primaryWalletId$1;
+        const isUnlinkingPrimaryWallet = walletId === primaryWalletId$1;
         if (authMode === 'connect-and-sign') {
-            // At the moment, we don't support unlinking the primary wallet.
-            // That is because if this is the only verified credential, the backend user will get orphaned
-            // and inaccessible.
-            // This can be changed in the future if we want to support it, for now we're just simplifying.
-            if (isPrimaryWallet) {
-                logger.logger.info('Cannot unlink primary wallet');
-                return;
+            const isLastVerifiedCredential = ((_a = user.getUser()) === null || _a === void 0 ? void 0 : _a.verifiedCredentials.length) === 1;
+            if (isLastVerifiedCredential) {
+                throw new utils.DynamicError('This is your only login method. Add another wallet or log in method before removing it.');
             }
             yield wallets.unlinkWallet({
                 environmentId: dynamicContextProps.getEnvironmentId(),
                 onSuccess: () => {
                     removedWalletsIds.current.push(walletId);
                 },
-                primaryWalletId: primaryWalletId$1,
+                // primaryWalletId is the suggestion of the next credential to be set as lastVerifiedCredential
+                // If we're unlinking the primary wallet, we don't want to set it to that!
+                primaryWalletId: isUnlinkingPrimaryWallet
+                    ? undefined
+                    : primaryWalletId$1,
                 walletId,
             });
         }
@@ -62,7 +63,7 @@ const useRemoveWallet = ({ secondaryWallets, authMode, handleLogOut, setPrimaryW
         }
         const updatedConnectedWalletsInfo = connectedWalletsInfo$1.filter((wallet) => wallet.id !== walletId);
         connectedWalletsInfo.setConnectedWalletsInfo(updatedConnectedWalletsInfo);
-        if (isPrimaryWallet) {
+        if (isUnlinkingPrimaryWallet) {
             if (nextWalletId)
                 setPrimaryWallet(nextWalletId);
             else

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

@@ -1,12 +1,13 @@
 'use client'
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { useMemo, useCallback } from 'react';
-import '@dynamic-labs/utils';
+import { DynamicError } from '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api-core';
 import '../../../../config/ApiEndpoint.js';
+import '../../../../store/state/projectSettings/projectSettings.js';
 import '../../../../utils/constants/values.js';
 import '@dynamic-labs/multi-wallet';
-import { logger } from '../../../../shared/logger.js';
+import '../../../../shared/logger.js';
 import '../../../../utils/constants/colors.js';
 import 'react-international-phone';
 import '@dynamic-labs/iconic';
@@ -16,10 +17,9 @@ import '../../../ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../../../shared/consts/index.js';
 import '../../../../store/state/nonce/nonce.js';
-import '../../../../store/state/projectSettings/projectSettings.js';
 import { getEnvironmentId } from '../../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import { getPrimaryWalletId } from '../../../../store/state/primaryWalletId/primaryWalletId.js';
-import '../../../../store/state/user/user.js';
+import { getUser } from '../../../../store/state/user/user.js';
 import '../../../../locale/locale.js';
 import { unlinkWallet } from '../../../../data/api/wallets/wallets.js';
 import { useConnectedWalletsInfo, setConnectedWalletsInfo } from '../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
@@ -30,26 +30,27 @@ const useRemoveWallet = ({ secondaryWallets, authMode, handleLogOut, setPrimaryW
     const connectedWalletsInfo = useConnectedWalletsInfo();
     const nextWalletId = useMemo(() => (secondaryWallets[0] ? secondaryWallets[0].id : undefined), [secondaryWallets]);
     const callback = useCallback((walletId) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
         const wallet = userWallets.find((w) => w.id === walletId);
         if (!wallet)
             return;
         const primaryWalletId = getPrimaryWalletId();
-        const isPrimaryWallet = walletId === primaryWalletId;
+        const isUnlinkingPrimaryWallet = walletId === primaryWalletId;
         if (authMode === 'connect-and-sign') {
-            // At the moment, we don't support unlinking the primary wallet.
-            // That is because if this is the only verified credential, the backend user will get orphaned
-            // and inaccessible.
-            // This can be changed in the future if we want to support it, for now we're just simplifying.
-            if (isPrimaryWallet) {
-                logger.info('Cannot unlink primary wallet');
-                return;
+            const isLastVerifiedCredential = ((_a = getUser()) === null || _a === void 0 ? void 0 : _a.verifiedCredentials.length) === 1;
+            if (isLastVerifiedCredential) {
+                throw new DynamicError('This is your only login method. Add another wallet or log in method before removing it.');
             }
             yield unlinkWallet({
                 environmentId: getEnvironmentId(),
                 onSuccess: () => {
                     removedWalletsIds.current.push(walletId);
                 },
-                primaryWalletId,
+                // primaryWalletId is the suggestion of the next credential to be set as lastVerifiedCredential
+                // If we're unlinking the primary wallet, we don't want to set it to that!
+                primaryWalletId: isUnlinkingPrimaryWallet
+                    ? undefined
+                    : primaryWalletId,
                 walletId,
             });
         }
@@ -58,7 +59,7 @@ const useRemoveWallet = ({ secondaryWallets, authMode, handleLogOut, setPrimaryW
         }
         const updatedConnectedWalletsInfo = connectedWalletsInfo.filter((wallet) => wallet.id !== walletId);
         setConnectedWalletsInfo(updatedConnectedWalletsInfo);
-        if (isPrimaryWallet) {
+        if (isUnlinkingPrimaryWallet) {
             if (nextWalletId)
                 setPrimaryWallet(nextWalletId);
             else

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

@@ -83,7 +83,6 @@ export interface DynamicContextProps {
         socialProvidersFilter?: SocialProviderFilter;
         suppressEndUserConsoleWarning?: boolean;
         termsOfServiceUrl?: string;
-        toolkitEnabled?: boolean;
         walletConnectors?: WalletConnectorsMethod[];
         walletConnectorExtensions?: WalletConnectorExtension[];
         walletConnectPreferredChains?: `eip155:${number}`[];

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

@@ -60,7 +60,7 @@ export interface IDynamicContext {
     getConnectedWalletById: (walletId: string) => Wallet | undefined;
     getNameService: (address?: string) => Promise<NameServiceData | undefined>;
     handleLogOut: () => Promise<void>;
-    removeWallet: (walletId: string) => Promise<void> | void;
+    removeWallet: (walletId: string) => Promise<void>;
     handlers?: DynamicHandlers;
     isBridgeFlow: boolean;
     /** Whether there is an instance of DynamicEmbeddedAuthFlow being rendered */
@@ -159,7 +159,6 @@ export interface IDynamicContext {
     socialProvidersFilter?: SocialProviderFilter;
     termsOfServiceUrl?: string;
     theme?: ThemeData | ThemeSetting;
-    toolkitEnabled?: boolean;
     user: UserProfile | undefined;
     userWithMissingInfo: UserProfile | undefined;
     /**

package/src/lib/data/api/api.cjs

@@ -7,6 +7,8 @@ var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 var utils = require('@dynamic-labs/utils');
 var version = require('../../../version.cjs');
 var ApiEndpoint = require('../../config/ApiEndpoint.cjs');
+var isGlobalWalletPopup = require('../../shared/utils/functions/isGlobalWalletPopup/isGlobalWalletPopup.cjs');
+var projectSettings = require('../../store/state/projectSettings/projectSettings.cjs');
 require('../../utils/constants/values.cjs');
 require('../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -23,8 +25,8 @@ require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../shared/consts/index.cjs');
 require('../../store/state/nonce/nonce.cjs');
+var randomString = require('../../utils/functions/randomString/randomString.cjs');
 var isCookieEnabled = require('../../utils/functions/isCookieEnabled/isCookieEnabled.cjs');
-var projectSettings = require('../../store/state/projectSettings/projectSettings.cjs');
 require('../../store/state/user/user.cjs');
 require('../../locale/locale.cjs');
 require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
@@ -33,7 +35,7 @@ require('../../store/state/primaryWalletId/primaryWalletId.cjs');
 const sdkApi = ({ customHeaders } = {}) => {
     const settings = {
         basePath: ApiEndpoint.getBaseUrl(),
-        headers: Object.assign({ 'Content-Type': 'application/json' }, customHeaders),
+        headers: Object.assign({ 'Content-Type': 'application/json', 'x-dyn-request-id': randomString.randomString(50) }, customHeaders),
     };
     const minJwt = getMinAuthToken.getMinAuthToken();
     if (minJwt) {
@@ -47,6 +49,9 @@ const sdkApi = ({ customHeaders } = {}) => {
     const credentials = projectSettings$1 && isCookieEnabled.isCookieEnabled(projectSettings$1) ? 'include' : undefined;
     settings.headers['x-dyn-version'] = `WalletKit/${version.VERSION}`;
     settings.headers['x-dyn-api-version'] = `API/${version.API_VERSION}`;
+    settings.headers['x-dyn-is-global-wallet-popup'] = isGlobalWalletPopup.isGlobalWalletPopup()
+        ? 'true'
+        : 'false';
     return new sdkApiCore.SDKApi(new sdkApiCore.Configuration(Object.assign(Object.assign({}, settings), { credentials, fetchApi: utils.FetchService.fetch })));
 };
 

package/src/lib/data/api/api.d.ts

@@ -1,4 +1,4 @@
-import { SDKApi, HTTPHeaders } from '@dynamic-labs/sdk-api-core';
+import { HTTPHeaders, SDKApi } from '@dynamic-labs/sdk-api-core';
 interface SdkApiParams {
     customHeaders?: HTTPHeaders;
 }