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

package/CHANGELOG.md

@@ -1,4 +1,25 @@
 
+## [3.0.0-alpha.8](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.7...v3.0.0-alpha.8) (2024-06-21)
+
+
+### ⚠ BREAKING CHANGES
+
+* break out turnkey package into 3 separate packages (#6015)
+
+### Features
+
+* add reinitialize hook ([#6098](https://github.com/dynamic-labs/DynamicAuth/issues/6098)) ([d978baa](https://github.com/dynamic-labs/DynamicAuth/commit/d978baa404d34064c36cc549229b1fcea1f20df0))
+
+
+### Bug Fixes
+
+* always reconnect the wallet provider when calling getAddress ([#6097](https://github.com/dynamic-labs/DynamicAuth/issues/6097)) ([0f3d497](https://github.com/dynamic-labs/DynamicAuth/commit/0f3d497cedb38239fa9ada2bb25c6b4eaa72d7b1))
+* break out turnkey package into 3 separate packages ([#6015](https://github.com/dynamic-labs/DynamicAuth/issues/6015)) ([a86fbef](https://github.com/dynamic-labs/DynamicAuth/commit/a86fbefe97558363b085e6f752af32d2943f91fa)), closes [#6017](https://github.com/dynamic-labs/DynamicAuth/issues/6017) [#6059](https://github.com/dynamic-labs/DynamicAuth/issues/6059)
+* set latest blockhash on solana transactions if tx confirmation ui is disabled ([#6102](https://github.com/dynamic-labs/DynamicAuth/issues/6102)) ([b8035a3](https://github.com/dynamic-labs/DynamicAuth/commit/b8035a328e47409bf0416d3a01b2f17914488748))
+* silently query unisat accounts ([#6101](https://github.com/dynamic-labs/DynamicAuth/issues/6101)) ([#6104](https://github.com/dynamic-labs/DynamicAuth/issues/6104)) ([643e704](https://github.com/dynamic-labs/DynamicAuth/commit/643e7048ff8610b31e6397e10b160ad456a45d11))
+* stop querying magiceden solana accounts ([#6103](https://github.com/dynamic-labs/DynamicAuth/issues/6103)) ([#6108](https://github.com/dynamic-labs/DynamicAuth/issues/6108)) ([3cfdbc3](https://github.com/dynamic-labs/DynamicAuth/commit/3cfdbc3bc82bfe9bf53bf4236f7892a5440fcb86))
+* trigger sign when linking an already linked unknown wallet ([#6105](https://github.com/dynamic-labs/DynamicAuth/issues/6105)) ([9e9c03b](https://github.com/dynamic-labs/DynamicAuth/commit/9e9c03bf615991c4f1183bf85c4d75c9a7773c85))
+
 ## [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)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "3.0.0-alpha.7";
+var version = "3.0.0-alpha.8";
 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.7";
+var version = "3.0.0-alpha.8";
 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.7",
+  "version": "3.0.0-alpha.8",
   "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.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",
+    "@dynamic-labs/iconic": "3.0.0-alpha.8",
+    "@dynamic-labs/logger": "3.0.0-alpha.8",
+    "@dynamic-labs/multi-wallet": "3.0.0-alpha.8",
+    "@dynamic-labs/rpc-providers": "3.0.0-alpha.8",
+    "@dynamic-labs/store": "3.0.0-alpha.8",
+    "@dynamic-labs/types": "3.0.0-alpha.8",
+    "@dynamic-labs/utils": "3.0.0-alpha.8",
+    "@dynamic-labs/wallet-book": "3.0.0-alpha.8",
+    "@dynamic-labs/wallet-connector-core": "3.0.0-alpha.8",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -152,6 +152,7 @@ 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');
+var ReinitializeContextProvider = require('./lib/context/ReinitializeContext/ReinitializeContextProvider.cjs');
 
 
 
@@ -254,3 +255,4 @@ exports.useSendBalance = SendBalanceContext.useSendBalance;
 exports.useFunding = useFunding.useFunding;
 exports.useConnectWithOtp = useConnectWithOtp.useConnectWithOtp;
 exports.useSwitchNetwork = useSwitchNetwork.useSwitchNetwork;
+exports.useReinitialize = ReinitializeContextProvider.useReinitialize;

package/src/index.d.ts

@@ -118,3 +118,4 @@ 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';
+export { useReinitialize } from './lib/context/ReinitializeContext';

package/src/index.js

@@ -148,3 +148,4 @@ 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';
+export { useReinitialize } from './lib/context/ReinitializeContext/ReinitializeContextProvider.js';

package/src/lib/Main.cjs

@@ -93,6 +93,7 @@ require('./context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('./context/SendBalanceContext/SendBalanceContext.cjs');
 require('./context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('./context/ConnectWithOtpContext/constants.cjs');
+require('./context/ReinitializeContext/ReinitializeContextProvider.cjs');
 require('./main.global.cjs');
 var isSelectedWalletAlreadyConnected = require('./utils/functions/isSelectedWalletAlreadyConnected/isSelectedWalletAlreadyConnected.cjs');
 var useVerifyOnAwaitingSignature = require('./utils/hooks/multiWallet/useVerifyOnAwaitingSignature/useVerifyOnAwaitingSignature.cjs');

package/src/lib/Main.js

@@ -89,6 +89,7 @@ import './context/IpConfigurationContext/IpConfigurationContext.js';
 import './context/SendBalanceContext/SendBalanceContext.js';
 import './context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import './context/ConnectWithOtpContext/constants.js';
+import './context/ReinitializeContext/ReinitializeContextProvider.js';
 import './main.global.js';
 import { isSelectedWalletAlreadyConnected } from './utils/functions/isSelectedWalletAlreadyConnected/isSelectedWalletAlreadyConnected.js';
 import { useVerifyOnAwaitingSignature } from './utils/hooks/multiWallet/useVerifyOnAwaitingSignature/useVerifyOnAwaitingSignature.js';

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

@@ -121,6 +121,7 @@ var PhantomRedirectContext = require('../PhantomRedirectContext/PhantomRedirectC
 var SendBalanceContext = require('../SendBalanceContext/SendBalanceContext.cjs');
 var UseNetworkValidation = require('../UseNetworkValidation/UseNetworkValidation.cjs');
 var useTabState = require('../../views/WalletList/hooks/useTabState.cjs');
+var ReinitializeContextProvider = require('../ReinitializeContext/ReinitializeContextProvider.cjs');
 var helpers = require('./helpers/helpers.cjs');
 var useDisplayOrderState = require('./hooks/useDisplayOrderState/useDisplayOrderState.cjs');
 var useEmailLoginState = require('./hooks/useEmailLoginState/useEmailLoginState.cjs');
@@ -721,7 +722,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(WidgetRegistryContextProvider.WidgetRegistryContextProvider, { children: jsxRuntime.jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }) }) }) }) }) }));
+    return (jsxRuntime.jsx(ReinitializeContextProvider.ReinitializeContextProvider, { onReinitialize: store.removeStoreInstance, children: 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

@@ -33,7 +33,7 @@ import ApiEndpoint from '../../config/ApiEndpoint.js';
 import { setUser } from '../../store/actions/userActions/userActions.js';
 import { sendDynamicProps } from '../../data/api/settings/settings.js';
 import { Locale } from '../../locale/locale.js';
-import { initializeStore } from '../../store/store.js';
+import { removeStoreInstance, initializeStore } from '../../store/store.js';
 import { useNetworkConfigurations } from '../../store/hooks/useNetworkConfigurations/useNetworkConfigurations.js';
 import { useProjectSettings } from '../../store/hooks/useProjectSettings/useProjectSettings.js';
 import { useUser } from '../../store/hooks/useUser/useUser.js';
@@ -117,6 +117,7 @@ import { PhantomRedirectContextProvider } from '../PhantomRedirectContext/Phanto
 import { SendBalanceContextProvider } from '../SendBalanceContext/SendBalanceContext.js';
 import { UseNetworkValidation } from '../UseNetworkValidation/UseNetworkValidation.js';
 import { useTabState } from '../../views/WalletList/hooks/useTabState.js';
+import { ReinitializeContextProvider } from '../ReinitializeContext/ReinitializeContextProvider.js';
 import { resolveNetworkValidationMode, initExpirationTime, getInitialView, getDeepLinkPreference } from './helpers/helpers.js';
 import { useDisplayOrderState } from './hooks/useDisplayOrderState/useDisplayOrderState.js';
 import { useEmailLoginState } from './hooks/useEmailLoginState/useEmailLoginState.js';
@@ -717,7 +718,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(WidgetRegistryContextProvider, { children: jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }) }) }) }) }) }));
+    return (jsx(ReinitializeContextProvider, { onReinitialize: removeStoreInstance, children: 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/ReinitializeContext/ReinitializeContextProvider.cjs

@@ -0,0 +1,113 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+require('@dynamic-labs/wallet-connector-core');
+require('@dynamic-labs/sdk-api-core');
+require('../../utils/constants/values.cjs');
+require('@dynamic-labs/utils');
+require('../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/multi-wallet');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('../ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../utils/constants/colors.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
+require('../../shared/utils/classes/storage/sessionStorage.cjs');
+require('../../shared/consts/index.cjs');
+require('react-international-phone');
+require('../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/store');
+require('../../locale/locale.cjs');
+var randomString = require('../../utils/functions/randomString/randomString.cjs');
+require('../../events/dynamicEvents.cjs');
+require('../DynamicContext/DynamicContext.cjs');
+require('../CaptchaContext/CaptchaContext.cjs');
+require('../ErrorContext/ErrorContext.cjs');
+require('../AccessDeniedContext/AccessDeniedContext.cjs');
+require('../AccountExistsContext/AccountExistsContext.cjs');
+require('../UserWalletsContext/UserWalletsContext.cjs');
+require('../VerificationContext/VerificationContext.cjs');
+require('react-dom');
+require('../WalletContext/WalletContext.cjs');
+require('../ThemeContext/ThemeContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('@dynamic-labs/types');
+require('../LoadingContext/LoadingContext.cjs');
+require('yup');
+require('../MockContext/MockContext.cjs');
+require('../../views/CollectUserDataView/useFields.cjs');
+require('../FieldsStateContext/FieldsStateContext.cjs');
+require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('react-i18next');
+require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../components/Alert/Alert.cjs');
+require('../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../components/IconButton/IconButton.cjs');
+require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/Input/Input.cjs');
+require('../../components/IsBrowser/IsBrowser.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../components/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('react-focus-lock');
+require('qrcode');
+require('formik');
+require('../../views/WalletList/WalletList.cjs');
+require('../SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../FooterAnimationContext/index.cjs');
+require('../WalletGroupContext/WalletGroupContext.cjs');
+require('../MfaSettingsContext/MfaSettingsContext.cjs');
+require('../IpConfigurationContext/IpConfigurationContext.cjs');
+require('../PasskeyContext/PasskeyContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+
+const reinitializeContext = React.createContext(undefined);
+/**
+ * Provider that provides a reinitialize function to its children.
+ * @param children The children to render.
+ * @param onReinitialize A callback that is called when reinitialize is called.
+ */
+const ReinitializeContextProvider = ({ children, onReinitialize }) => {
+    // Initial key is undefined to not interfere on react strick mode
+    const [key, setKey] = React.useState();
+    const onReinitializeCallbackRef = React.useRef(onReinitialize);
+    onReinitializeCallbackRef.current = onReinitialize;
+    const reinitialize = React.useCallback(() => {
+        var _a;
+        const newKey = randomString.randomString(8);
+        (_a = onReinitializeCallbackRef.current) === null || _a === void 0 ? void 0 : _a.call(onReinitializeCallbackRef, newKey);
+        setKey(newKey);
+    }, []);
+    return (jsxRuntime.jsx(reinitializeContext.Provider, { value: { key, reinitialize }, children: React.cloneElement(children, { key }) }));
+};
+/**
+ * Custom hook that provides an reinitialize function for the DynamicContextProvider.
+ * @returns The reinitialize function.
+ */
+const useReinitialize = () => {
+    const context = React.useContext(reinitializeContext);
+    if (context === undefined) {
+        throw new Error('usage of useReinitialize not wrapped in `ReinitializeContextProvider`.');
+    }
+    return context.reinitialize;
+};
+
+exports.ReinitializeContextProvider = ReinitializeContextProvider;
+exports.reinitializeContext = reinitializeContext;
+exports.useReinitialize = useReinitialize;

package/src/lib/context/ReinitializeContext/ReinitializeContextProvider.d.ts

@@ -0,0 +1,22 @@
+import { FC, ReactElement } from 'react';
+type IReinitializeContext = {
+    reinitialize: () => void;
+    key: string | undefined;
+};
+export declare const reinitializeContext: import("react").Context<IReinitializeContext | undefined>;
+type ReinitializeContextProviderProps = {
+    children: ReactElement;
+    onReinitialize?: (key: string) => void;
+};
+/**
+ * Provider that provides a reinitialize function to its children.
+ * @param children The children to render.
+ * @param onReinitialize A callback that is called when reinitialize is called.
+ */
+export declare const ReinitializeContextProvider: FC<ReinitializeContextProviderProps>;
+/**
+ * Custom hook that provides an reinitialize function for the DynamicContextProvider.
+ * @returns The reinitialize function.
+ */
+export declare const useReinitialize: () => () => void;
+export {};

package/src/lib/context/ReinitializeContext/ReinitializeContextProvider.js

@@ -0,0 +1,107 @@
+'use client'
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useContext, useState, useRef, useCallback, cloneElement } from 'react';
+import '@dynamic-labs/wallet-connector-core';
+import '@dynamic-labs/sdk-api-core';
+import '../../utils/constants/values.js';
+import '@dynamic-labs/utils';
+import '../../../../_virtual/_tslib.js';
+import '@dynamic-labs/multi-wallet';
+import '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '../ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../utils/constants/colors.js';
+import '../../shared/utils/classes/storage/localStorage.js';
+import '../../shared/utils/classes/storage/sessionStorage.js';
+import '../../shared/consts/index.js';
+import 'react-international-phone';
+import '../../config/ApiEndpoint.js';
+import '@dynamic-labs/store';
+import '../../locale/locale.js';
+import { randomString } from '../../utils/functions/randomString/randomString.js';
+import '../../events/dynamicEvents.js';
+import '../DynamicContext/DynamicContext.js';
+import '../CaptchaContext/CaptchaContext.js';
+import '../ErrorContext/ErrorContext.js';
+import '../AccessDeniedContext/AccessDeniedContext.js';
+import '../AccountExistsContext/AccountExistsContext.js';
+import '../UserWalletsContext/UserWalletsContext.js';
+import '../VerificationContext/VerificationContext.js';
+import 'react-dom';
+import '../WalletContext/WalletContext.js';
+import '../ThemeContext/ThemeContext.js';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import '@dynamic-labs/types';
+import '../LoadingContext/LoadingContext.js';
+import 'yup';
+import '../MockContext/MockContext.js';
+import '../../views/CollectUserDataView/useFields.js';
+import '../FieldsStateContext/FieldsStateContext.js';
+import '../UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
+import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../components/Alert/Alert.js';
+import '../../components/ShadowDOM/ShadowDOM.js';
+import '../../components/IconButton/IconButton.js';
+import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/Input/Input.js';
+import '../../components/IsBrowser/IsBrowser.js';
+import '../../components/MenuList/Dropdown/Dropdown.js';
+import '../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
+import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../components/Popper/Popper/Popper.js';
+import '../../components/Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
+import 'qrcode';
+import 'formik';
+import '../../views/WalletList/WalletList.js';
+import '../SocialRedirectContext/SocialRedirectContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import '../FooterAnimationContext/index.js';
+import '../WalletGroupContext/WalletGroupContext.js';
+import '../MfaSettingsContext/MfaSettingsContext.js';
+import '../IpConfigurationContext/IpConfigurationContext.js';
+import '../PasskeyContext/PasskeyContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+
+const reinitializeContext = createContext(undefined);
+/**
+ * Provider that provides a reinitialize function to its children.
+ * @param children The children to render.
+ * @param onReinitialize A callback that is called when reinitialize is called.
+ */
+const ReinitializeContextProvider = ({ children, onReinitialize }) => {
+    // Initial key is undefined to not interfere on react strick mode
+    const [key, setKey] = useState();
+    const onReinitializeCallbackRef = useRef(onReinitialize);
+    onReinitializeCallbackRef.current = onReinitialize;
+    const reinitialize = useCallback(() => {
+        var _a;
+        const newKey = randomString(8);
+        (_a = onReinitializeCallbackRef.current) === null || _a === void 0 ? void 0 : _a.call(onReinitializeCallbackRef, newKey);
+        setKey(newKey);
+    }, []);
+    return (jsx(reinitializeContext.Provider, { value: { key, reinitialize }, children: cloneElement(children, { key }) }));
+};
+/**
+ * Custom hook that provides an reinitialize function for the DynamicContextProvider.
+ * @returns The reinitialize function.
+ */
+const useReinitialize = () => {
+    const context = useContext(reinitializeContext);
+    if (context === undefined) {
+        throw new Error('usage of useReinitialize not wrapped in `ReinitializeContextProvider`.');
+    }
+    return context.reinitialize;
+};
+
+export { ReinitializeContextProvider, reinitializeContext, useReinitialize };

package/src/lib/context/ReinitializeContext/index.d.ts

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

package/src/lib/context/WalletContext/WalletContext.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+require('../../../../_virtual/_tslib.cjs');
 require('../DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
@@ -19,7 +20,6 @@ require('../../shared/utils/classes/storage/sessionStorage.cjs');
 require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 require('../../events/dynamicEvents.cjs');
-require('../../../../_virtual/_tslib.cjs');
 require('../CaptchaContext/CaptchaContext.cjs');
 require('../ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');

package/src/lib/context/WalletContext/WalletContext.js

@@ -1,6 +1,7 @@
 'use client'
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useContext, useState, useMemo } from 'react';
+import '../../../../_virtual/_tslib.js';
 import '../DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
@@ -15,7 +16,6 @@ import '../../shared/utils/classes/storage/sessionStorage.js';
 import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 import '../../events/dynamicEvents.js';
-import '../../../../_virtual/_tslib.js';
 import '../CaptchaContext/CaptchaContext.js';
 import '../ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';

package/src/lib/events/multiWallet.d.ts

@@ -2,4 +2,5 @@ export type MultiWalletInternalEvents = {
     triggerComputePrimaryWalletMultiWalletStateFromAccounts: (props: {
         accounts: string[];
     }) => void;
+    triggerConnectAndSign: () => void;
 };

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

@@ -5,4 +5,4 @@ export * from './actions/userActions';
 export * from './hooks/useNetworkConfigurations';
 export * from './hooks/useProjectSettings';
 export * from './hooks/useUser';
-export { initializeStore } from './store';
+export { initializeStore, removeStoreInstance } from './store';

package/src/lib/store/store.cjs

@@ -17,6 +17,11 @@ const getStore = () => {
     }
     return store;
 };
+const removeStoreInstance = () => {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    store = undefined;
+};
 const initializeStore = ({ storageSuffix, environmentId, }) => {
     if (store) {
         return;
@@ -47,3 +52,4 @@ const getStorage = () => {
 
 exports.getStore = getStore;
 exports.initializeStore = initializeStore;
+exports.removeStoreInstance = removeStoreInstance;

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

@@ -1,4 +1,5 @@
 import { StoreApi } from '@dynamic-labs/store';
 import { SdkStore, SdkStoreProps } from './types';
 export declare const getStore: () => StoreApi<SdkStore>;
+export declare const removeStoreInstance: () => void;
 export declare const initializeStore: ({ storageSuffix, environmentId, }: SdkStoreProps) => void;

package/src/lib/store/store.js

@@ -13,6 +13,11 @@ const getStore = () => {
     }
     return store;
 };
+const removeStoreInstance = () => {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    store = undefined;
+};
 const initializeStore = ({ storageSuffix, environmentId, }) => {
     if (store) {
         return;
@@ -41,4 +46,4 @@ const getStorage = () => {
     return window.localStorage;
 };
 
-export { getStore, initializeStore };
+export { getStore, initializeStore, removeStoreInstance };

package/src/lib/utils/hooks/events/useDynamicEvents/useDynamicEvents.d.ts

@@ -2,7 +2,7 @@ import { DynamicEvents } from '../../../../events';
 import { EventArgs } from '../types';
 type DynamicEventListener<E extends keyof DynamicEvents> = (...args: EventArgs<DynamicEvents, E>) => void;
 /** Allows us to subscribe to all dynamicEvents with a hook, even the internal ones */
-export declare const useInternalDynamicEvents: <E extends keyof import("../../../../events/auth").AuthEvents | keyof import("../../../../events/ui").UIEvents | keyof import("../../../../events/otp").OTPEvents | keyof import("../../../../events/wallets").WalletEvents | keyof import("../../../../events/passkey").PasskeyEvents | "farcasterConnectCancelled" | keyof import("../../../../events/embeddedWallet").EmbeddedWalletEvents | "triggerComputePrimaryWalletMultiWalletStateFromAccounts">(event: E, listener: DynamicEventListener<E>) => void;
+export declare const useInternalDynamicEvents: <E extends keyof import("../../../../events/auth").AuthEvents | keyof import("../../../../events/ui").UIEvents | keyof import("../../../../events/otp").OTPEvents | keyof import("../../../../events/wallets").WalletEvents | keyof import("../../../../events/passkey").PasskeyEvents | "farcasterConnectCancelled" | keyof import("../../../../events/embeddedWallet").EmbeddedWalletEvents | keyof import("../../../../events/multiWallet").MultiWalletInternalEvents>(event: E, listener: DynamicEventListener<E>) => void;
 /** Allows subscribing to dynamic events directly inside components with a hook */
 export declare const useDynamicEvents: <E extends "logout" | "emailVerificationResult" | "walletAdded" | "embeddedWalletCreated">(event: E, listener: DynamicEventListener<E>) => void;
 export {};

package/src/lib/utils/hooks/multiWallet/useVerifyOnAwaitingSignature/useVerifyOnAwaitingSignature.cjs

@@ -3,6 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
@@ -18,8 +19,7 @@ require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('../../../../shared/utils/classes/storage/sessionStorage.cjs');
 require('@dynamic-labs/utils');
 require('../../../../shared/consts/index.cjs');
-require('../../../../events/dynamicEvents.cjs');
-require('../../../../../../_virtual/_tslib.cjs');
+var useDynamicEvents = require('../../events/useDynamicEvents/useDynamicEvents.cjs');
 var useConnectAndSign = require('../../authenticationHooks/useConnectAndSign/useConnectAndSign.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
@@ -31,6 +31,7 @@ require('react-international-phone');
 var requiresTwoStepAuthentication = require('../../../functions/requiresTwoStepAuthentication/requiresTwoStepAuthentication.cjs');
 require('@dynamic-labs/store');
 require('../../../../locale/locale.cjs');
+require('../../../../events/dynamicEvents.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
@@ -82,29 +83,54 @@ var useInternalDynamicContext = require('../../../../context/DynamicContext/useD
 const useVerifyOnAwaitingSignature = () => {
     const { awaitingSignatureState, multiWalletWidgetState, setMultiWalletWidgetState, legacyIsVerifying, setLegacyIsVerifying, selectedWalletConnector, } = useInternalDynamicContext.useInternalDynamicContext();
     const triggerConnectAndSign = useConnectAndSign.useConnectAndSign();
+    // this is to prevent calling runConnectAndSign multiple times
+    // due to changes in legacyIsVerifying
+    const isVerifying = React.useRef(false);
+    const runConnectAndSign = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        logger.logger.debug('runConnectAndSign', {
+            selectedWalletConnector,
+        });
+        if (!selectedWalletConnector) {
+            return;
+        }
+        isVerifying.current = true;
+        setLegacyIsVerifying(true);
+        try {
+            yield triggerConnectAndSign({
+                walletConnector: selectedWalletConnector,
+            });
+        }
+        catch (e) {
+            logger.logger.error(e);
+        }
+        setMultiWalletWidgetState('idle');
+        setLegacyIsVerifying(false);
+        isVerifying.current = false;
+    }), [
+        selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.key,
+        setLegacyIsVerifying,
+        setMultiWalletWidgetState,
+        triggerConnectAndSign,
+    ]);
     React.useEffect(() => {
         if (!legacyIsVerifying &&
+            !isVerifying.current &&
             multiWalletWidgetState === 'awaiting_signature' &&
             selectedWalletConnector &&
             awaitingSignatureState === 'linking_new_wallet' &&
             !requiresTwoStepAuthentication.requiresTwoStepAuthentication(selectedWalletConnector)) {
-            setLegacyIsVerifying(true);
-            triggerConnectAndSign({ walletConnector: selectedWalletConnector })
-                .catch((e) => {
-                logger.logger.error(e);
-            })
-                .finally(() => {
-                setMultiWalletWidgetState('idle');
-                setLegacyIsVerifying(false);
-            });
+            runConnectAndSign();
         }
     }, [
+        runConnectAndSign,
         awaitingSignatureState,
-        selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.key,
+        legacyIsVerifying,
         multiWalletWidgetState,
+        selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.key,
+        setLegacyIsVerifying,
         setMultiWalletWidgetState,
-        legacyIsVerifying,
     ]);
+    useDynamicEvents.useInternalDynamicEvents('triggerConnectAndSign', runConnectAndSign);
 };
 
 exports.useVerifyOnAwaitingSignature = useVerifyOnAwaitingSignature;

package/src/lib/utils/hooks/multiWallet/useVerifyOnAwaitingSignature/useVerifyOnAwaitingSignature.js

@@ -1,5 +1,6 @@
 'use client'
-import { useEffect } from 'react';
+import { __awaiter } from '../../../../../../_virtual/_tslib.js';
+import { useRef, useCallback, useEffect } from 'react';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
 import { logger } from '../../../../shared/logger.js';
@@ -14,8 +15,7 @@ import '../../../../shared/utils/classes/storage/localStorage.js';
 import '../../../../shared/utils/classes/storage/sessionStorage.js';
 import '@dynamic-labs/utils';
 import '../../../../shared/consts/index.js';
-import '../../../../events/dynamicEvents.js';
-import '../../../../../../_virtual/_tslib.js';
+import { useInternalDynamicEvents } from '../../events/useDynamicEvents/useDynamicEvents.js';
 import { useConnectAndSign } from '../../authenticationHooks/useConnectAndSign/useConnectAndSign.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
@@ -27,6 +27,7 @@ import 'react-international-phone';
 import { requiresTwoStepAuthentication } from '../../../functions/requiresTwoStepAuthentication/requiresTwoStepAuthentication.js';
 import '@dynamic-labs/store';
 import '../../../../locale/locale.js';
+import '../../../../events/dynamicEvents.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
@@ -78,29 +79,54 @@ import { useInternalDynamicContext } from '../../../../context/DynamicContext/us
 const useVerifyOnAwaitingSignature = () => {
     const { awaitingSignatureState, multiWalletWidgetState, setMultiWalletWidgetState, legacyIsVerifying, setLegacyIsVerifying, selectedWalletConnector, } = useInternalDynamicContext();
     const triggerConnectAndSign = useConnectAndSign();
+    // this is to prevent calling runConnectAndSign multiple times
+    // due to changes in legacyIsVerifying
+    const isVerifying = useRef(false);
+    const runConnectAndSign = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        logger.debug('runConnectAndSign', {
+            selectedWalletConnector,
+        });
+        if (!selectedWalletConnector) {
+            return;
+        }
+        isVerifying.current = true;
+        setLegacyIsVerifying(true);
+        try {
+            yield triggerConnectAndSign({
+                walletConnector: selectedWalletConnector,
+            });
+        }
+        catch (e) {
+            logger.error(e);
+        }
+        setMultiWalletWidgetState('idle');
+        setLegacyIsVerifying(false);
+        isVerifying.current = false;
+    }), [
+        selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.key,
+        setLegacyIsVerifying,
+        setMultiWalletWidgetState,
+        triggerConnectAndSign,
+    ]);
     useEffect(() => {
         if (!legacyIsVerifying &&
+            !isVerifying.current &&
             multiWalletWidgetState === 'awaiting_signature' &&
             selectedWalletConnector &&
             awaitingSignatureState === 'linking_new_wallet' &&
             !requiresTwoStepAuthentication(selectedWalletConnector)) {
-            setLegacyIsVerifying(true);
-            triggerConnectAndSign({ walletConnector: selectedWalletConnector })
-                .catch((e) => {
-                logger.error(e);
-            })
-                .finally(() => {
-                setMultiWalletWidgetState('idle');
-                setLegacyIsVerifying(false);
-            });
+            runConnectAndSign();
         }
     }, [
+        runConnectAndSign,
         awaitingSignatureState,
-        selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.key,
+        legacyIsVerifying,
         multiWalletWidgetState,
+        selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.key,
+        setLegacyIsVerifying,
         setMultiWalletWidgetState,
-        legacyIsVerifying,
     ]);
+    useInternalDynamicEvents('triggerConnectAndSign', runConnectAndSign);
 };
 
 export { useVerifyOnAwaitingSignature };

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

@@ -20,6 +20,64 @@ require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 var useDynamicEvents = require('../events/useDynamicEvents/useDynamicEvents.cjs');
 var useWalletConnectorEvent = require('../events/useWalletConnectorEvent/useWalletConnectorEvent.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/store');
+require('../../../locale/locale.cjs');
+require('../../../context/DynamicContext/DynamicContext.cjs');
+require('../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
+var dynamicEvents = require('../../../events/dynamicEvents.cjs');
+require('../../../context/VerificationContext/VerificationContext.cjs');
+require('react-dom');
+require('../../../context/WalletContext/WalletContext.cjs');
+require('../../../context/ThemeContext/ThemeContext.cjs');
+require('../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('@dynamic-labs/types');
+require('../../../context/LoadingContext/LoadingContext.cjs');
+require('yup');
+require('../../../context/MockContext/MockContext.cjs');
+require('../../../views/CollectUserDataView/useFields.cjs');
+require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('react-i18next');
+require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../../components/Alert/Alert.cjs');
+require('../../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../../components/IconButton/IconButton.cjs');
+require('../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../components/Input/Input.cjs');
+require('../../../components/IsBrowser/IsBrowser.cjs');
+require('../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../../components/Popper/Popper/Popper.cjs');
+require('../../../components/Popper/PopperContext/PopperContext.cjs');
+require('react-focus-lock');
+require('qrcode');
+require('formik');
+require('../../../views/WalletList/WalletList.cjs');
+require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../../context/FooterAnimationContext/index.cjs');
+require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
+require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+var logVerboseTroubleshootingMessage = require('../../functions/logVerboseTroubleshootingMessage/logVerboseTroubleshootingMessage.cjs');
 
 const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnectorKey, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, authMode, refreshConnectedWallet, }) => {
     useWalletConnectorEvent.useWalletConnectorEvent(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, 'disconnect', () => {
@@ -34,7 +92,12 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
         refreshConnectedWallet(primaryWallet.id, primaryWallet.connector);
     });
     const handleAccountChangeWhenAwaitingAccountSwitch = React.useCallback((isPrimaryWallet, newAddress) => {
+        logger.logger.debug('handleAccountChangeWhenAwaitingAccountSwitch', {
+            isPrimaryWallet,
+            newAddress,
+        });
         const linkedSecondaryWallet = secondaryWallets.find((wallet) => walletConnectorCore.isSameAddress(wallet.address, newAddress, wallet.chain));
+        logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('[handleAccountChangeWhenAwaitingAccountSwitch]', { linkedSecondaryWallet });
         // this means the user is linking a new account, so we need proof of ownership...
         if (!linkedSecondaryWallet) {
             setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
@@ -43,6 +106,12 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
             }
             return;
         }
+        const isTryingToUpdateUnkownWallet = linkedSecondaryWallet.connector.key === 'unknown';
+        if (isTryingToUpdateUnkownWallet) {
+            //prompt the user to connect and sign with the wallet
+            dynamicEvents.dynamicEvents.emit('triggerConnectAndSign');
+            return;
+        }
         // ...otherwise, the user is switching primary accounts betweeen the same wallet
         setSelectedWalletWithAction(null);
         setPrimaryWalletId(linkedSecondaryWallet.id);
@@ -56,6 +125,13 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
         setPrimaryWalletId,
     ]);
     const calculatePrimaryWalletMultiWalletStateFromAccounts = React.useCallback(({ accounts }) => {
+        logger.logger.debug('calculatePrimaryWalletMultiWalletStateFromAccounts', {
+            accounts,
+            authMode,
+            multiWallet,
+            multiWalletWidgetState,
+            primaryWallet,
+        });
         // change the api here
         if (!primaryWallet)
             return;

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

@@ -16,6 +16,64 @@ import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import { useInternalDynamicEvents } from '../events/useDynamicEvents/useDynamicEvents.js';
 import { useWalletConnectorEvent } from '../events/useWalletConnectorEvent/useWalletConnectorEvent.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import '../../../config/ApiEndpoint.js';
+import '@dynamic-labs/store';
+import '../../../locale/locale.js';
+import '../../../context/DynamicContext/DynamicContext.js';
+import '../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../context/ErrorContext/ErrorContext.js';
+import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../../context/UserWalletsContext/UserWalletsContext.js';
+import { dynamicEvents } from '../../../events/dynamicEvents.js';
+import '../../../context/VerificationContext/VerificationContext.js';
+import 'react-dom';
+import '../../../context/WalletContext/WalletContext.js';
+import '../../../context/ThemeContext/ThemeContext.js';
+import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import '@dynamic-labs/types';
+import '../../../context/LoadingContext/LoadingContext.js';
+import 'yup';
+import '../../../context/MockContext/MockContext.js';
+import '../../../views/CollectUserDataView/useFields.js';
+import '../../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
+import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../../components/Alert/Alert.js';
+import '../../../components/ShadowDOM/ShadowDOM.js';
+import '../../../components/IconButton/IconButton.js';
+import '../../../components/InlineWidget/InlineWidget.js';
+import '../../../components/Input/Input.js';
+import '../../../components/IsBrowser/IsBrowser.js';
+import '../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
+import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../../components/Popper/Popper/Popper.js';
+import '../../../components/Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
+import 'qrcode';
+import 'formik';
+import '../../../views/WalletList/WalletList.js';
+import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../../context/FooterAnimationContext/index.js';
+import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../context/MfaSettingsContext/MfaSettingsContext.js';
+import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../../context/PasskeyContext/PasskeyContext.js';
+import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { logVerboseTroubleshootingMessage } from '../../functions/logVerboseTroubleshootingMessage/logVerboseTroubleshootingMessage.js';
 
 const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnectorKey, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, authMode, refreshConnectedWallet, }) => {
     useWalletConnectorEvent(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, 'disconnect', () => {
@@ -30,7 +88,12 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
         refreshConnectedWallet(primaryWallet.id, primaryWallet.connector);
     });
     const handleAccountChangeWhenAwaitingAccountSwitch = useCallback((isPrimaryWallet, newAddress) => {
+        logger.debug('handleAccountChangeWhenAwaitingAccountSwitch', {
+            isPrimaryWallet,
+            newAddress,
+        });
         const linkedSecondaryWallet = secondaryWallets.find((wallet) => isSameAddress(wallet.address, newAddress, wallet.chain));
+        logVerboseTroubleshootingMessage('[handleAccountChangeWhenAwaitingAccountSwitch]', { linkedSecondaryWallet });
         // this means the user is linking a new account, so we need proof of ownership...
         if (!linkedSecondaryWallet) {
             setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
@@ -39,6 +102,12 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
             }
             return;
         }
+        const isTryingToUpdateUnkownWallet = linkedSecondaryWallet.connector.key === 'unknown';
+        if (isTryingToUpdateUnkownWallet) {
+            //prompt the user to connect and sign with the wallet
+            dynamicEvents.emit('triggerConnectAndSign');
+            return;
+        }
         // ...otherwise, the user is switching primary accounts betweeen the same wallet
         setSelectedWalletWithAction(null);
         setPrimaryWalletId(linkedSecondaryWallet.id);
@@ -52,6 +121,13 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
         setPrimaryWalletId,
     ]);
     const calculatePrimaryWalletMultiWalletStateFromAccounts = useCallback(({ accounts }) => {
+        logger.debug('calculatePrimaryWalletMultiWalletStateFromAccounts', {
+            accounts,
+            authMode,
+            multiWallet,
+            multiWalletWidgetState,
+            primaryWallet,
+        });
         // change the api here
         if (!primaryWallet)
             return;

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

@@ -9,7 +9,7 @@ var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 require('react');
 require('../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
-require('../../../shared/logger.cjs');
+var logger = require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('react/jsx-runtime');
 var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
@@ -31,6 +31,7 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 var requiresTwoStepAuthentication = require('../../functions/requiresTwoStepAuthentication/requiresTwoStepAuthentication.cjs');
 require('@dynamic-labs/store');
+var logVerboseTroubleshootingMessage = require('../../functions/logVerboseTroubleshootingMessage/logVerboseTroubleshootingMessage.cjs');
 require('../../../locale/locale.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 var useConnectAndSignSplitSteps = require('../authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.cjs');
@@ -90,7 +91,11 @@ const useWalletItemActions = () => {
     const { onlyConnectUser } = useConnectAndSignSplitSteps.useConnectAndSignSplitSteps();
     const connectAndSignWallet = useConnectAndSign.useConnectAndSign();
     const handleCustodialWalletClick = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        logger.logger.debug('handleCustodialWalletClick', walletConnector);
         const twoStepAuthentication = requiresTwoStepAuthentication.requiresTwoStepAuthentication(walletConnector);
+        logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('[handleCustodialWalletClick]', {
+            twoStepAuthentication,
+        });
         if (twoStepAuthentication) {
             setSelectedWalletConnectorKey(walletConnector.key);
             yield onlyConnectUser({
@@ -105,6 +110,7 @@ const useWalletItemActions = () => {
     });
     const handleMobileWalletClick = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _a;
+        logger.logger.debug('handleMobileWalletClick', walletConnector);
         setSelectedWalletConnectorKey(walletConnector.key);
         // We need to set to LS when about to verify phantom wallet on mobile
         // because the deeplink interrupts this code execution and then redirects back on a new tab.
@@ -124,10 +130,12 @@ const useWalletItemActions = () => {
         onlyConnectUser({ walletConnector });
     });
     const handleInstalledExtensionClick = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        logger.logger.debug('handleInstalledExtensionClick', walletConnector);
         setSelectedWalletConnectorKey(walletConnector.key);
         setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
     });
     const handleUninstalledClick = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        logger.logger.debug('handleUninstalledClick', walletConnector);
         setSelectedWalletConnectorKey(walletConnector.key);
         if (!walletConnector.canConnectViaQrCode) {
             setView('no-qr-not-installed');
@@ -149,8 +157,14 @@ const useWalletItemActions = () => {
         setError(undefined);
     });
     const handleAlreadyConnectedWallet = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        logger.logger.debug('handleAlreadyConnectedWallet', walletConnector);
         const connectedAccounts = yield walletConnector.getConnectedAccounts();
         const activeAccountAlreadyLinked = linkedWallets.find((wallet) => { var _a; return wallet.address.toLowerCase() === ((_a = connectedAccounts[0]) === null || _a === void 0 ? void 0 : _a.toLowerCase()); });
+        logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('[handleAlreadyConnectedWallet]', {
+            activeAccountAlreadyLinked,
+            connectedAccounts,
+            linkedWallets,
+        });
         if (activeAccountAlreadyLinked) {
             setMultiWalletWidgetState('awaiting_account_switch', 'linking_new_wallet');
         }
@@ -180,6 +194,11 @@ const useWalletItemActions = () => {
         const { walletConnector, isInstalledOnBrowser } = wallet;
         const shouldEndWalletConnectorSession = walletConnector.connectedChain === 'FLOW' ||
             walletConnectorCore.isPhantomRedirectConnector(walletConnector);
+        logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('[handleWalletItemClick]', {
+            mockedSDK,
+            shouldEndWalletConnectorSession,
+            wallet,
+        });
         if (mockedSDK)
             return;
         if (shouldEndWalletConnectorSession) {

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

@@ -5,7 +5,7 @@ import { isPhantomRedirectConnector } from '@dynamic-labs/wallet-connector-core'
 import 'react';
 import '../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
-import '../../../shared/logger.js';
+import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import 'react/jsx-runtime';
 import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
@@ -27,6 +27,7 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import { requiresTwoStepAuthentication } from '../../functions/requiresTwoStepAuthentication/requiresTwoStepAuthentication.js';
 import '@dynamic-labs/store';
+import { logVerboseTroubleshootingMessage } from '../../functions/logVerboseTroubleshootingMessage/logVerboseTroubleshootingMessage.js';
 import '../../../locale/locale.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import { useConnectAndSignSplitSteps } from '../authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.js';
@@ -86,7 +87,11 @@ const useWalletItemActions = () => {
     const { onlyConnectUser } = useConnectAndSignSplitSteps();
     const connectAndSignWallet = useConnectAndSign();
     const handleCustodialWalletClick = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
+        logger.debug('handleCustodialWalletClick', walletConnector);
         const twoStepAuthentication = requiresTwoStepAuthentication(walletConnector);
+        logVerboseTroubleshootingMessage('[handleCustodialWalletClick]', {
+            twoStepAuthentication,
+        });
         if (twoStepAuthentication) {
             setSelectedWalletConnectorKey(walletConnector.key);
             yield onlyConnectUser({
@@ -101,6 +106,7 @@ const useWalletItemActions = () => {
     });
     const handleMobileWalletClick = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
         var _a;
+        logger.debug('handleMobileWalletClick', walletConnector);
         setSelectedWalletConnectorKey(walletConnector.key);
         // We need to set to LS when about to verify phantom wallet on mobile
         // because the deeplink interrupts this code execution and then redirects back on a new tab.
@@ -120,10 +126,12 @@ const useWalletItemActions = () => {
         onlyConnectUser({ walletConnector });
     });
     const handleInstalledExtensionClick = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
+        logger.debug('handleInstalledExtensionClick', walletConnector);
         setSelectedWalletConnectorKey(walletConnector.key);
         setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
     });
     const handleUninstalledClick = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
+        logger.debug('handleUninstalledClick', walletConnector);
         setSelectedWalletConnectorKey(walletConnector.key);
         if (!walletConnector.canConnectViaQrCode) {
             setView('no-qr-not-installed');
@@ -145,8 +153,14 @@ const useWalletItemActions = () => {
         setError(undefined);
     });
     const handleAlreadyConnectedWallet = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
+        logger.debug('handleAlreadyConnectedWallet', walletConnector);
         const connectedAccounts = yield walletConnector.getConnectedAccounts();
         const activeAccountAlreadyLinked = linkedWallets.find((wallet) => { var _a; return wallet.address.toLowerCase() === ((_a = connectedAccounts[0]) === null || _a === void 0 ? void 0 : _a.toLowerCase()); });
+        logVerboseTroubleshootingMessage('[handleAlreadyConnectedWallet]', {
+            activeAccountAlreadyLinked,
+            connectedAccounts,
+            linkedWallets,
+        });
         if (activeAccountAlreadyLinked) {
             setMultiWalletWidgetState('awaiting_account_switch', 'linking_new_wallet');
         }
@@ -176,6 +190,11 @@ const useWalletItemActions = () => {
         const { walletConnector, isInstalledOnBrowser } = wallet;
         const shouldEndWalletConnectorSession = walletConnector.connectedChain === 'FLOW' ||
             isPhantomRedirectConnector(walletConnector);
+        logVerboseTroubleshootingMessage('[handleWalletItemClick]', {
+            mockedSDK,
+            shouldEndWalletConnectorSession,
+            wallet,
+        });
         if (mockedSDK)
             return;
         if (shouldEndWalletConnectorSession) {