@dynamic-labs/sdk-react-core 2.3.6 → 2.3.8

package/CHANGELOG.md

@@ -1,4 +1,19 @@
 
+### [2.3.8](https://github.com/dynamic-labs/DynamicAuth/compare/v2.3.7...v2.3.8) (2024-08-02)
+
+
+### Bug Fixes
+
+* fetch user on refresh from backend when cookie-enabled and user not in local storage ([#6472](https://github.com/dynamic-labs/DynamicAuth/issues/6472)) ([7300a21](https://github.com/dynamic-labs/DynamicAuth/commit/7300a21d81d51ef1fc93af12d1081b5c1d57b578))
+* stop filtering wallet connect on keyword "wallet" ([#6476](https://github.com/dynamic-labs/DynamicAuth/issues/6476)) ([fc1be36](https://github.com/dynamic-labs/DynamicAuth/commit/fc1be36b0370f876dcfe4e84e25ee60cf9682306)), closes [#6475](https://github.com/dynamic-labs/DynamicAuth/issues/6475)
+
+### [2.3.7](https://github.com/dynamic-labs/DynamicAuth/compare/v2.3.6...v2.3.7) (2024-07-26)
+
+
+### Bug Fixes
+
+* cherrypick ledger toggle works on safari ([#6429](https://github.com/dynamic-labs/DynamicAuth/issues/6429)) ([e58f687](https://github.com/dynamic-labs/DynamicAuth/commit/e58f687d569ab3ea51f6026c481d41e70bd0e7f6))
+
 ### [2.3.6](https://github.com/dynamic-labs/DynamicAuth/compare/v2.3.5...v2.3.6) (2024-07-26)
 
 

package/package.cjs

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

package/package.js

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

package/package.json

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

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.cjs

@@ -113,7 +113,7 @@ const getMagicEmailOrSocialIcon = ({ findSocialIcon, wallet, user, }) => {
 };
 const AuthProviderIcon = ({ iconSize = 64, showStatus, wallet, }) => {
     var _a, _b;
-    const { primaryWallet, selectedWalletConnector, user, unauthenticatedUser } = useInternalDynamicContext.useInternalDynamicContext();
+    const { primaryWallet, selectedWalletConnector, user, userWithMissingInfo } = useInternalDynamicContext.useInternalDynamicContext();
     const { deniedOauthProvider, deniedAddress } = AccessDeniedContext.useAccessDeniedContext();
     const { isLoadingEmbeddedWallet } = WalletContext.useWalletContext();
     const findSocialIcon = useFindSocialIcon.useFindSocialIcon();
@@ -140,7 +140,7 @@ const AuthProviderIcon = ({ iconSize = 64, showStatus, wallet, }) => {
     }
     const MagicEmailOrSocialIcon = getMagicEmailOrSocialIcon({
         findSocialIcon,
-        user: user !== null && user !== void 0 ? user : unauthenticatedUser,
+        user: user !== null && user !== void 0 ? user : userWithMissingInfo,
         wallet: walletForIcon,
     });
     const isEmbeddedWallet = (_b = (_a = walletForIcon === null || walletForIcon === void 0 ? void 0 : walletForIcon.connector) === null || _a === void 0 ? void 0 : _a.key) === null || _b === void 0 ? void 0 : _b.startsWith('turnkey');

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.js

@@ -109,7 +109,7 @@ const getMagicEmailOrSocialIcon = ({ findSocialIcon, wallet, user, }) => {
 };
 const AuthProviderIcon = ({ iconSize = 64, showStatus, wallet, }) => {
     var _a, _b;
-    const { primaryWallet, selectedWalletConnector, user, unauthenticatedUser } = useInternalDynamicContext();
+    const { primaryWallet, selectedWalletConnector, user, userWithMissingInfo } = useInternalDynamicContext();
     const { deniedOauthProvider, deniedAddress } = useAccessDeniedContext();
     const { isLoadingEmbeddedWallet } = useWalletContext();
     const findSocialIcon = useFindSocialIcon();
@@ -136,7 +136,7 @@ const AuthProviderIcon = ({ iconSize = 64, showStatus, wallet, }) => {
     }
     const MagicEmailOrSocialIcon = getMagicEmailOrSocialIcon({
         findSocialIcon,
-        user: user !== null && user !== void 0 ? user : unauthenticatedUser,
+        user: user !== null && user !== void 0 ? user : userWithMissingInfo,
         wallet: walletForIcon,
     });
     const isEmbeddedWallet = (_b = (_a = walletForIcon === null || walletForIcon === void 0 ? void 0 : walletForIcon.connector) === null || _a === void 0 ? void 0 : _a.key) === null || _b === void 0 ? void 0 : _b.startsWith('turnkey');

package/src/lib/components/HardwareWalletToggle/HardwareWalletToggle.cjs

@@ -30,7 +30,7 @@ const HardwareWalletToggle = ({ connectors, label, copykey, }) => {
         }, "data-testid": 'hardware-wallet-toggle', icon: 
         // eslint-disable-next-line react/jsx-wrap-multilines
         jsxRuntime.jsx(Icon.Icon, { size: 'small', children: jsxRuntime.jsx(check.ReactComponent, {}) }) }));
-    return (jsxRuntime.jsx(ListTile.ListTile, { disabled: true, trailing: toggle, children: jsxRuntime.jsx("span", { copykey, children: label }) }));
+    return (jsxRuntime.jsx(ListTile.ListTile, { trailing: toggle, children: jsxRuntime.jsx("span", { copykey, children: label }) }));
 };
 
 exports.HardwareWalletToggle = HardwareWalletToggle;

package/src/lib/components/HardwareWalletToggle/HardwareWalletToggle.js

@@ -26,7 +26,7 @@ const HardwareWalletToggle = ({ connectors, label, copykey, }) => {
         }, "data-testid": 'hardware-wallet-toggle', icon: 
         // eslint-disable-next-line react/jsx-wrap-multilines
         jsx(Icon, { size: 'small', children: jsx(SvgCheck, {}) }) }));
-    return (jsx(ListTile, { disabled: true, trailing: toggle, children: jsx("span", { copykey, children: label }) }));
+    return (jsx(ListTile, { trailing: toggle, children: jsx("span", { copykey, children: label }) }));
 };
 
 export { HardwareWalletToggle };

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

@@ -66,6 +66,7 @@ var useSetWalletConnectorFetchers = require('../../utils/hooks/useSetWalletConne
 var useSendDynamicProps = require('../../utils/hooks/useSendDynamicProps/useSendDynamicProps.cjs');
 var MfaSettingsContext = require('../MfaSettingsContext/MfaSettingsContext.cjs');
 var WalletGroupContext = require('../WalletGroupContext/WalletGroupContext.cjs');
+var useResetCookieLocalStorage = require('../../utils/hooks/useResetCookieLocalStorage/useResetCookieLocalStorage.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
@@ -191,7 +192,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, unauthenticatedUser } = useUser.useUser();
+    const { user, userWithMissingInfo } = useUser.useUser();
     const isAuthenticated = useIsAuthenticated.useIsAuthenticated(user);
     try {
         if (user) {
@@ -288,7 +289,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     const { selectedWalletConnector, setSelectedWalletConnectorKey } = useSelectedWalletConnector.useSelectedWalletConnector({ walletConnectorOptions });
     //selected wallet to perform an action (become primary, unlink, etc)
     const [selectedWalletWithAction, setSelectedWalletWithAction] = React.useState(null);
-    useSetWalletConnectorVerifiedCredentials.useSetWalletConnectorVerifiedCredentials(user !== null && user !== void 0 ? user : unauthenticatedUser, walletConnectorOptions);
+    useSetWalletConnectorVerifiedCredentials.useSetWalletConnectorVerifiedCredentials(user !== null && user !== void 0 ? user : userWithMissingInfo, walletConnectorOptions);
     useSetWalletConnectorFetchers.useSetWalletConnectorFetchers(walletConnectorOptions, environmentId);
     const { didConnectedStateLoad, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors.useWalletConnectors({
         authMode,
@@ -300,7 +301,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         setMultiWalletWidgetState,
         setPrimaryWalletId,
         setQrcodeUri,
-        user: user || unauthenticatedUser,
+        user: user || userWithMissingInfo,
         walletBook: walletBook$1,
         walletConnectorOptions,
     });
@@ -316,7 +317,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         enableInstrumentation,
         primaryWallet,
         projectSettings,
-        user: user !== null && user !== void 0 ? user : unauthenticatedUser,
+        user: user !== null && user !== void 0 ? user : userWithMissingInfo,
         walletBook: walletBook$1,
     });
     const { getNameService, removeConnectedNameService } = useNameService.useNameService({
@@ -341,6 +342,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         setAuthMode,
         setLegacyIsVerifying,
         setMultiWalletWidgetState,
+        setSelectedWalletConnectorKey,
         setShowAuthFlow,
         setShowBridgeWidget,
         setShowDynamicUserProfile,
@@ -351,6 +353,11 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         environmentId,
         handleLogOut,
     });
+    useResetCookieLocalStorage.useResetCookieLocalStorage({
+        environmentId,
+        projectSettings,
+        setPrimaryWalletId,
+    });
     // Ties all client callbacks to dynamic's events, such that
     // when our events are triggered, so are the client callbacks
     useTieCallbacksToEvents.useTieCallbacksToEvents({
@@ -558,8 +565,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             termsOfServiceUrl,
             theme,
             toolkitEnabled,
-            unauthenticatedUser,
             user,
+            userWithMissingInfo,
             walletConnector: (_b = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) !== null && _b !== void 0 ? _b : null,
             walletConnectorOptions,
             walletUiUtils,
@@ -671,7 +678,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         termsOfServiceUrl,
         theme,
         toolkitEnabled,
-        unauthenticatedUser,
+        userWithMissingInfo,
         walletConnectorOptions,
         walletUiUtils,
         walletsFilter,

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

@@ -62,6 +62,7 @@ import { useSetWalletConnectorFetchers } from '../../utils/hooks/useSetWalletCon
 import { useSendDynamicProps } from '../../utils/hooks/useSendDynamicProps/useSendDynamicProps.js';
 import { MfaSettingsContextProvider } from '../MfaSettingsContext/MfaSettingsContext.js';
 import { WalletGroupContextProvider } from '../WalletGroupContext/WalletGroupContext.js';
+import { useResetCookieLocalStorage } from '../../utils/hooks/useResetCookieLocalStorage/useResetCookieLocalStorage.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/InlineWidget/InlineWidget.js';
@@ -187,7 +188,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
     // 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, unauthenticatedUser } = useUser();
+    const { user, userWithMissingInfo } = useUser();
     const isAuthenticated = useIsAuthenticated(user);
     try {
         if (user) {
@@ -284,7 +285,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
     const { selectedWalletConnector, setSelectedWalletConnectorKey } = useSelectedWalletConnector({ walletConnectorOptions });
     //selected wallet to perform an action (become primary, unlink, etc)
     const [selectedWalletWithAction, setSelectedWalletWithAction] = useState(null);
-    useSetWalletConnectorVerifiedCredentials(user !== null && user !== void 0 ? user : unauthenticatedUser, walletConnectorOptions);
+    useSetWalletConnectorVerifiedCredentials(user !== null && user !== void 0 ? user : userWithMissingInfo, walletConnectorOptions);
     useSetWalletConnectorFetchers(walletConnectorOptions, environmentId);
     const { didConnectedStateLoad, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors({
         authMode,
@@ -296,7 +297,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         setMultiWalletWidgetState,
         setPrimaryWalletId,
         setQrcodeUri,
-        user: user || unauthenticatedUser,
+        user: user || userWithMissingInfo,
         walletBook,
         walletConnectorOptions,
     });
@@ -312,7 +313,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         enableInstrumentation,
         primaryWallet,
         projectSettings,
-        user: user !== null && user !== void 0 ? user : unauthenticatedUser,
+        user: user !== null && user !== void 0 ? user : userWithMissingInfo,
         walletBook,
     });
     const { getNameService, removeConnectedNameService } = useNameService({
@@ -337,6 +338,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         setAuthMode,
         setLegacyIsVerifying,
         setMultiWalletWidgetState,
+        setSelectedWalletConnectorKey,
         setShowAuthFlow,
         setShowBridgeWidget,
         setShowDynamicUserProfile,
@@ -347,6 +349,11 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         environmentId,
         handleLogOut,
     });
+    useResetCookieLocalStorage({
+        environmentId,
+        projectSettings,
+        setPrimaryWalletId,
+    });
     // Ties all client callbacks to dynamic's events, such that
     // when our events are triggered, so are the client callbacks
     useTieCallbacksToEvents({
@@ -554,8 +561,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
             termsOfServiceUrl,
             theme,
             toolkitEnabled,
-            unauthenticatedUser,
             user,
+            userWithMissingInfo,
             walletConnector: (_b = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) !== null && _b !== void 0 ? _b : null,
             walletConnectorOptions,
             walletUiUtils,
@@ -667,7 +674,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         termsOfServiceUrl,
         theme,
         toolkitEnabled,
-        unauthenticatedUser,
+        userWithMissingInfo,
         walletConnectorOptions,
         walletUiUtils,
         walletsFilter,

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

@@ -8,6 +8,7 @@ import { SetShowAuthFlow } from '../useShowAuthFlow';
 export type UseHandleLogoutParams = {
     clearAllWalletConnectSessions: () => void;
     bridgeChains: ChainsToConnect[] | undefined;
+    setSelectedWalletConnectorKey: Dispatch<SetStateAction<string | null>>;
     setShowDynamicUserProfile: Dispatch<SetStateAction<boolean>>;
     setShowBridgeWidget: Dispatch<SetStateAction<boolean>>;
     user: UserProfile | undefined;

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

@@ -94,6 +94,7 @@ const useHandleLogout = (params) => {
     paramsRef.current = params;
     const logout = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const p = paramsRef.current;
+        p.setSelectedWalletConnectorKey(null);
         p.clearAllWalletConnectSessions();
         p.setShowDynamicUserProfile(false);
         p.setShowBridgeWidget(false);

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

@@ -90,6 +90,7 @@ const useHandleLogout = (params) => {
     paramsRef.current = params;
     const logout = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         const p = paramsRef.current;
+        p.setSelectedWalletConnectorKey(null);
         p.clearAllWalletConnectSessions();
         p.setShowDynamicUserProfile(false);
         p.setShowBridgeWidget(false);

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

@@ -195,7 +195,7 @@ export interface IDynamicContext {
     theme?: ThemeData | ThemeSetting;
     toolkitEnabled?: boolean;
     user: UserProfile | undefined;
-    unauthenticatedUser: UserProfile | undefined;
+    userWithMissingInfo: UserProfile | undefined;
     walletConnector: WalletConnector | null;
     walletConnectorOptions: WalletOption[];
     walletUiUtils: WalletUiUtils<WalletConnector>;

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, setDefaultTabIndex, selectedTabIndex, setSelectedTabIndex, } = 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, userWithMissingInfo, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, minAuthToken, setDefaultTabIndex, selectedTabIndex, setSelectedTabIndex, } = context;
     const { setAuthMode } = useOverrides.useOverrides(context);
     return {
         accountSwitchState,
@@ -60,6 +60,7 @@ const useDynamicContext = () => {
         showDynamicUserProfile,
         showQrcodeModal,
         user,
+        userWithMissingInfo,
         walletConnector,
         walletConnectorOptions,
     };

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' | 'setDefaultTabIndex' | 'selectedTabIndex' | 'setSelectedTabIndex'> & {
+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' | 'userWithMissingInfo' | 'walletConnector' | 'walletConnectorOptions' | 'bridgeChains' | 'bridgeChainsToConnect' | 'setShowBridgeWidget' | 'sendWagmiSettings' | 'showDynamicUserProfile' | 'setAuthMode' | 'minAuthToken' | 'setDefaultTabIndex' | 'selectedTabIndex' | 'setSelectedTabIndex'> & {
     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, setDefaultTabIndex, selectedTabIndex, setSelectedTabIndex, } = 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, userWithMissingInfo, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, minAuthToken, setDefaultTabIndex, selectedTabIndex, setSelectedTabIndex, } = context;
     const { setAuthMode } = useOverrides(context);
     return {
         accountSwitchState,
@@ -56,6 +56,7 @@ const useDynamicContext = () => {
         showDynamicUserProfile,
         showQrcodeModal,
         user,
+        userWithMissingInfo,
         walletConnector,
         walletConnectorOptions,
     };

package/src/lib/locale/en/translation.cjs

@@ -1045,6 +1045,9 @@ const translation = {
      * @description copy keys for network not supported view for manual switch
      * @default
      * {
+        subtitle_network_defined_metamaskstarknet:
+          'To continue, please update the network in your wallet to {{network}} by visiting the Starknet Snap companion app',
+        subtitle_network_defined_metamaskstarknet_companion_app: 'companion app',
         subtitle_network_defined: 'To continue, please update the network in your wallet to {{network}}',
         subtitle_no_network_defined: 'Your wallet does not support switching networks from this app. Switch networks directly in your wallet.',
         title: 'Update your Network',
@@ -1052,6 +1055,8 @@ const translation = {
       }
      */
     dyn_network_not_supported_manual_switch: {
+        subtitle_network_defined_metamaskstarknet: 'To continue, please update the network in your wallet to {{network}} by visiting the Starknet Snap',
+        subtitle_network_defined_metamaskstarknet_companion_app: 'companion app',
         subtitle_network_defined: 'To continue, please update the network in your wallet to {{network}}',
         subtitle_no_network_defined: 'Your wallet does not support switching networks from this app. Switch networks directly in your wallet.',
         title: 'Update your Network',

package/src/lib/locale/en/translation.d.ts

@@ -1041,6 +1041,9 @@ export declare const translation: {
      * @description copy keys for network not supported view for manual switch
      * @default
      * {
+        subtitle_network_defined_metamaskstarknet:
+          'To continue, please update the network in your wallet to {{network}} by visiting the Starknet Snap companion app',
+        subtitle_network_defined_metamaskstarknet_companion_app: 'companion app',
         subtitle_network_defined: 'To continue, please update the network in your wallet to {{network}}',
         subtitle_no_network_defined: 'Your wallet does not support switching networks from this app. Switch networks directly in your wallet.',
         title: 'Update your Network',
@@ -1048,6 +1051,8 @@ export declare const translation: {
       }
      */
     dyn_network_not_supported_manual_switch: {
+        subtitle_network_defined_metamaskstarknet: string;
+        subtitle_network_defined_metamaskstarknet_companion_app: string;
         subtitle_network_defined: string;
         subtitle_no_network_defined: string;
         title: string;

package/src/lib/locale/en/translation.js

@@ -1041,6 +1041,9 @@ const translation = {
      * @description copy keys for network not supported view for manual switch
      * @default
      * {
+        subtitle_network_defined_metamaskstarknet:
+          'To continue, please update the network in your wallet to {{network}} by visiting the Starknet Snap companion app',
+        subtitle_network_defined_metamaskstarknet_companion_app: 'companion app',
         subtitle_network_defined: 'To continue, please update the network in your wallet to {{network}}',
         subtitle_no_network_defined: 'Your wallet does not support switching networks from this app. Switch networks directly in your wallet.',
         title: 'Update your Network',
@@ -1048,6 +1051,8 @@ const translation = {
       }
      */
     dyn_network_not_supported_manual_switch: {
+        subtitle_network_defined_metamaskstarknet: 'To continue, please update the network in your wallet to {{network}} by visiting the Starknet Snap',
+        subtitle_network_defined_metamaskstarknet_companion_app: 'companion app',
         subtitle_network_defined: 'To continue, please update the network in your wallet to {{network}}',
         subtitle_no_network_defined: 'Your wallet does not support switching networks from this app. Switch networks directly in your wallet.',
         title: 'Update your Network',

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

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

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

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

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

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

package/src/lib/utils/functions/walletListBuilder/walletListBuilder.cjs

@@ -134,7 +134,7 @@ const orderAndFilterList = (walletList, walletsFilter, isWalletConnectList, reco
         return sortedWalletList;
     }
 };
-const KEEP_WALLETS_NAME_LIST = ['wallet connect', 'bitcoin.com wallet'];
+const KEEP_WALLETS_NAME_LIST = ['walletconnect', 'bitcoin.com wallet'];
 const applySearchFilterToWalletOptionList = (rawSearchFilter, walletOptionList) => {
     const searchFilter = rawSearchFilter.trim().toLowerCase();
     const cleanName = (name) => {

package/src/lib/utils/functions/walletListBuilder/walletListBuilder.js

@@ -130,7 +130,7 @@ const orderAndFilterList = (walletList, walletsFilter, isWalletConnectList, reco
         return sortedWalletList;
     }
 };
-const KEEP_WALLETS_NAME_LIST = ['wallet connect', 'bitcoin.com wallet'];
+const KEEP_WALLETS_NAME_LIST = ['walletconnect', 'bitcoin.com wallet'];
 const applySearchFilterToWalletOptionList = (rawSearchFilter, walletOptionList) => {
     const searchFilter = rawSearchFilter.trim().toLowerCase();
     const cleanName = (name) => {

package/src/lib/utils/hooks/authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.cjs

@@ -89,11 +89,11 @@ require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/Passke
  * This is to avoid a circular logic issue, as handleVerificationRequired needs to use the logic in this file as well.
  */
 const useOtpVerificationRequestRaw = () => {
-    const { environmentId, user, unauthenticatedUser } = useInternalDynamicContext.useInternalDynamicContext();
+    const { environmentId, user, userWithMissingInfo } = useInternalDynamicContext.useInternalDynamicContext();
     const { verificationUUID: contextVerificationUUID } = VerificationContext.useVerification();
     const verifyOtp = React.useCallback((handleVerificationRequired, verificationToken, destination, localVerificationUUID) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _a;
-        if (!user && !unauthenticatedUser)
+        if (!user && !userWithMissingInfo)
             throw new utils.DynamicError(errors.USER_NOT_LOGGED_IN);
         // VerificationUUID is saved in the context in case the view changes
         // after a profile update (changing the view from edit profile to verify email)
@@ -123,7 +123,7 @@ const useOtpVerificationRequestRaw = () => {
             missingFields,
             updateUserProfileResponse: updateSelfResponse,
         };
-    }), [contextVerificationUUID, environmentId, user, unauthenticatedUser]);
+    }), [contextVerificationUUID, environmentId, user, userWithMissingInfo]);
     return { verifyOtp };
 };
 /**

package/src/lib/utils/hooks/authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.js

@@ -85,11 +85,11 @@ import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/Passkey
  * This is to avoid a circular logic issue, as handleVerificationRequired needs to use the logic in this file as well.
  */
 const useOtpVerificationRequestRaw = () => {
-    const { environmentId, user, unauthenticatedUser } = useInternalDynamicContext();
+    const { environmentId, user, userWithMissingInfo } = useInternalDynamicContext();
     const { verificationUUID: contextVerificationUUID } = useVerification();
     const verifyOtp = useCallback((handleVerificationRequired, verificationToken, destination, localVerificationUUID) => __awaiter(void 0, void 0, void 0, function* () {
         var _a;
-        if (!user && !unauthenticatedUser)
+        if (!user && !userWithMissingInfo)
             throw new DynamicError(USER_NOT_LOGGED_IN);
         // VerificationUUID is saved in the context in case the view changes
         // after a profile update (changing the view from edit profile to verify email)
@@ -119,7 +119,7 @@ const useOtpVerificationRequestRaw = () => {
             missingFields,
             updateUserProfileResponse: updateSelfResponse,
         };
-    }), [contextVerificationUUID, environmentId, user, unauthenticatedUser]);
+    }), [contextVerificationUUID, environmentId, user, userWithMissingInfo]);
     return { verifyOtp };
 };
 /**

package/src/lib/utils/hooks/index.d.ts

@@ -58,3 +58,4 @@ export { useSwitchWallet } from './useSwitchWallet';
 export { useSyncEmbeddedWalletFlow } from './useSyncEmbeddedWalletFlow';
 export { useSyncOnboardingFlow } from './useSyncOnboardingFlow';
 export { useSelectWalletOption } from './useSelectWalletOption';
+export { useResetCookieLocalStorage } from './useResetCookieLocalStorage';

package/src/lib/utils/hooks/useMfa/useMfa.cjs

@@ -98,8 +98,8 @@ const useMfa = ({ onMfaCompleteOnce, } = {}) => {
     }, [onMfaCompleteOnce]);
     const { completeAuth } = useUserAuth.useUserAuth({});
     const { setDeviceSettings } = MfaSettingsContext.useMfaSettingsContext();
-    const { user, unauthenticatedUser, environmentId } = useInternalDynamicContext.useInternalDynamicContext();
-    const verifiedUser = user || unauthenticatedUser;
+    const { user, userWithMissingInfo, environmentId } = useInternalDynamicContext.useInternalDynamicContext();
+    const verifiedUser = user || userWithMissingInfo;
     const getUserDevices = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (!verifiedUser) {
             throw new Error(errors.USER_NOT_LOGGED_IN);

package/src/lib/utils/hooks/useMfa/useMfa.js

@@ -94,8 +94,8 @@ const useMfa = ({ onMfaCompleteOnce, } = {}) => {
     }, [onMfaCompleteOnce]);
     const { completeAuth } = useUserAuth({});
     const { setDeviceSettings } = useMfaSettingsContext();
-    const { user, unauthenticatedUser, environmentId } = useInternalDynamicContext();
-    const verifiedUser = user || unauthenticatedUser;
+    const { user, userWithMissingInfo, environmentId } = useInternalDynamicContext();
+    const verifiedUser = user || userWithMissingInfo;
     const getUserDevices = () => __awaiter(void 0, void 0, void 0, function* () {
         if (!verifiedUser) {
             throw new Error(USER_NOT_LOGGED_IN);

package/src/lib/utils/hooks/useResetCookieLocalStorage/index.d.ts

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