@dynamic-labs/sdk-react-core 3.0.0-alpha.5 → 3.0.0-alpha.50

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

@@ -33,11 +33,13 @@ import { isConnectOnly } from '../helpers/isConnectOnly.js';
 import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../context/WalletContext/WalletContext.js';
+import '../../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../context/LoadingContext/LoadingContext.js';
+import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import 'yup';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../views/CollectUserDataView/useFields.js';
@@ -63,21 +65,31 @@ import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
-import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 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 '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 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 '@dynamic-labs/ethereum-core';
 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 '../../../../../polyfills.js';
+import '../../../../context/ErrorBoundary/ErrorBoundaryBase.js';
+import '../../../../context/ErrorBoundary/ErrorBoundaryContext.js';
+import '../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
+import '../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
+import '../../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
+import '../../../../context/FundingContext/FundingContext.js';
+import '../../../../context/SendBalanceContext/SendBalanceContext.js';
+import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../../../context/ConnectWithOtpContext/constants.js';
+import '../../../../context/ReinitializeContext/ReinitializeContextProvider.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const useConnectAndSignSplitSteps = () => {

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

@@ -37,6 +37,7 @@ require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
 var VerificationContext = require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../context/WalletContext/WalletContext.cjs');
+require('../../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 var useHandleVerificationRequired = require('../../useHandleVerificationRequired/useHandleVerificationRequired.cjs');
 require('@dynamic-labs/types');
@@ -72,26 +73,37 @@ require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../../../locale/locale.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 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('@dynamic-labs/ethereum-core');
 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');
+require('../../../../../polyfills.cjs');
+require('../../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
+require('../../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
+require('../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
+require('../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
+require('../../../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
+require('../../../../context/FundingContext/FundingContext.cjs');
+require('../../../../context/SendBalanceContext/SendBalanceContext.cjs');
+require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../../../context/ConnectWithOtpContext/constants.cjs');
+require('../../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
 
 /**
  * Same as useOtpVerificationRequest, but requires you to pass it a handleVerificationRequired method as param.
  * 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)
@@ -121,7 +133,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

@@ -33,6 +33,7 @@ import '../../../../context/UserWalletsContext/UserWalletsContext.js';
 import { useVerification } from '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../context/WalletContext/WalletContext.js';
+import '../../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import { useHandleVerificationRequired, getVerificationDestination } from '../../useHandleVerificationRequired/useHandleVerificationRequired.js';
 import '@dynamic-labs/types';
@@ -68,26 +69,37 @@ import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../../../locale/locale.js';
 import '@hcaptcha/react-hcaptcha';
+import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 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 '@dynamic-labs/ethereum-core';
 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 '../../../../../polyfills.js';
+import '../../../../context/ErrorBoundary/ErrorBoundaryBase.js';
+import '../../../../context/ErrorBoundary/ErrorBoundaryContext.js';
+import '../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
+import '../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
+import '../../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
+import '../../../../context/FundingContext/FundingContext.js';
+import '../../../../context/SendBalanceContext/SendBalanceContext.js';
+import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../../../context/ConnectWithOtpContext/constants.js';
+import '../../../../context/ReinitializeContext/ReinitializeContextProvider.js';
 
 /**
  * Same as useOtpVerificationRequest, but requires you to pass it a handleVerificationRequired method as param.
  * 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)
@@ -117,7 +129,7 @@ const useOtpVerificationRequestRaw = () => {
             missingFields,
             updateUserProfileResponse: updateSelfResponse,
         };
-    }), [contextVerificationUUID, environmentId, user, unauthenticatedUser]);
+    }), [contextVerificationUUID, environmentId, user, userWithMissingInfo]);
     return { verifyOtp };
 };
 /**

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

@@ -31,11 +31,13 @@ var useVerifyWallet = require('../../useVerifyWallet/useVerifyWallet.cjs');
 require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../context/WalletContext/WalletContext.cjs');
+require('../../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('yup');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../views/CollectUserDataView/useFields.cjs');
@@ -61,21 +63,31 @@ require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
-require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 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('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 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('@dynamic-labs/ethereum-core');
 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');
+require('../../../../../polyfills.cjs');
+require('../../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
+require('../../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
+require('../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
+require('../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
+require('../../../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
+require('../../../../context/FundingContext/FundingContext.cjs');
+require('../../../../context/SendBalanceContext/SendBalanceContext.cjs');
+require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../../../context/ConnectWithOtpContext/constants.cjs');
+require('../../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const useSignConnectOnlyUser = () => {

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

@@ -27,11 +27,13 @@ import { useVerifyWallet } from '../../useVerifyWallet/useVerifyWallet.js';
 import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../context/WalletContext/WalletContext.js';
+import '../../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../context/LoadingContext/LoadingContext.js';
+import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import 'yup';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../views/CollectUserDataView/useFields.js';
@@ -57,21 +59,31 @@ import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
-import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 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 '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 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 '@dynamic-labs/ethereum-core';
 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 '../../../../../polyfills.js';
+import '../../../../context/ErrorBoundary/ErrorBoundaryBase.js';
+import '../../../../context/ErrorBoundary/ErrorBoundaryContext.js';
+import '../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
+import '../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
+import '../../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
+import '../../../../context/FundingContext/FundingContext.js';
+import '../../../../context/SendBalanceContext/SendBalanceContext.js';
+import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../../../context/ConnectWithOtpContext/constants.js';
+import '../../../../context/ReinitializeContext/ReinitializeContextProvider.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const useSignConnectOnlyUser = () => {

package/src/lib/utils/hooks/events/useDynamicEvents/useDynamicEvents.cjs

@@ -18,5 +18,27 @@ const useInternalDynamicEvents = (event, listener) => {
         };
     }, [event]);
 };
+// ATTENTION
+// Everything below should be made public soon, but we need to plan this out first
+// Main issues:
+// 1. How should we map customer callback names to our dynamic event names?
+//  -> Gui's suggestion: breaking change to rename customer callbacks so they fit these events names
+// 2. We would have to remove these callbacks from the useCustomerCallbacks hook
+/** Which events are accessible by our clients */
+const externalEvents = [
+    'emailVerificationResult',
+    'embeddedWalletCreated',
+    'logout',
+    'walletAdded',
+    'mfaCompletionSuccess',
+    'mfaCompletionFailure',
+];
+/** Allows subscribing to dynamic events directly inside components with a hook */
+const useDynamicEvents = (event, listener) => {
+    if (!externalEvents.includes(event))
+        throw new Error(`Unrecognized event "${event}" used with useDynamicEvents`);
+    useInternalDynamicEvents(event, listener);
+};
 
+exports.useDynamicEvents = useDynamicEvents;
 exports.useInternalDynamicEvents = useInternalDynamicEvents;

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>(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 | "tokenBalancesChanged">(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" | "embeddedWalletCreated">(event: E, listener: DynamicEventListener<E>) => void;
+export declare const useDynamicEvents: <E extends "logout" | "mfaCompletionSuccess" | "mfaCompletionFailure" | "emailVerificationResult" | "walletAdded" | "embeddedWalletCreated">(event: E, listener: DynamicEventListener<E>) => void;
 export {};

package/src/lib/utils/hooks/events/useDynamicEvents/useDynamicEvents.js

@@ -14,5 +14,26 @@ const useInternalDynamicEvents = (event, listener) => {
         };
     }, [event]);
 };
+// ATTENTION
+// Everything below should be made public soon, but we need to plan this out first
+// Main issues:
+// 1. How should we map customer callback names to our dynamic event names?
+//  -> Gui's suggestion: breaking change to rename customer callbacks so they fit these events names
+// 2. We would have to remove these callbacks from the useCustomerCallbacks hook
+/** Which events are accessible by our clients */
+const externalEvents = [
+    'emailVerificationResult',
+    'embeddedWalletCreated',
+    'logout',
+    'walletAdded',
+    'mfaCompletionSuccess',
+    'mfaCompletionFailure',
+];
+/** Allows subscribing to dynamic events directly inside components with a hook */
+const useDynamicEvents = (event, listener) => {
+    if (!externalEvents.includes(event))
+        throw new Error(`Unrecognized event "${event}" used with useDynamicEvents`);
+    useInternalDynamicEvents(event, listener);
+};
 
-export { useInternalDynamicEvents };
+export { useDynamicEvents, useInternalDynamicEvents };

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

@@ -50,7 +50,7 @@ export { useNetworkDataFromWallet } from './useNetworkDataFromWallet';
 export { useDynamicModals } from './useDynamicModals';
 export { useSendDynamicProps } from './useSendDynamicProps';
 export { useNetworkNotSupported } from './useNetworkNotSupported';
-export { useHandleVerifiedUser } from './useHandleVerifiedUser';
+export { useHandleAuthenticatedUser } from './useHandleAuthenticatedUser';
 export { useMfa } from './useMfa';
 export { useMergeUserAccounts } from './useMergeUserAccounts';
 export { useTokenBalances } from './useTokenBalances';
@@ -58,3 +58,8 @@ export { useUserAuth } from './useUserAuth';
 export { useSwitchWallet } from './useSwitchWallet';
 export { useSyncEmbeddedWalletFlow } from './useSyncEmbeddedWalletFlow';
 export { useSyncOnboardingFlow } from './useSyncOnboardingFlow';
+export { useExternalAuth } from './useExternalAuth';
+export { useRefreshUser } from './useRefreshUser';
+export { useWalletOptions } from './useWalletOptions';
+export { useResetCookieLocalStorage } from './useResetCookieLocalStorage';
+export { useSyncMfaFlow } from './useSyncMfaFlow';

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

@@ -28,12 +28,14 @@ require('react-international-phone');
 require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
 require('../../../../locale/locale.cjs');
+var logVerboseTroubleshootingMessage = require('../../../functions/logVerboseTroubleshootingMessage/logVerboseTroubleshootingMessage.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../context/WalletContext/WalletContext.cjs');
+require('../../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
@@ -67,73 +69,83 @@ require('../../../../views/WalletList/WalletList.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 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('@dynamic-labs/ethereum-core');
 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');
+require('../../../../../polyfills.cjs');
+require('../../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
+require('../../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
+require('../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
+require('../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
+require('../../../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
+require('../../../../context/FundingContext/FundingContext.cjs');
+require('../../../../context/SendBalanceContext/SendBalanceContext.cjs');
+require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../../../context/ConnectWithOtpContext/constants.cjs');
+require('../../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
-var isWalletLinked = require('../../../functions/isWalletLinked/isWalletLinked.cjs');
 
 const useSyncPrimaryWallet = (canSync = true) => {
-    const { setShowAuthFlow, isAuthenticated, authMode, connectWallet, handleLogOut, multiWalletWidgetState, primaryWallet, secondaryWallets, setMultiWalletWidgetState, setPrimaryWallet, setShowWidgetStatePopup, showLockedWalletView, showWidgetStatePopup, setSelectedWalletWithAction, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setShowAuthFlow, authMode, connectWallet, handleLogOut, multiWalletWidgetState, primaryWallet, setMultiWalletWidgetState, showLockedWalletView, secondaryWallets, setPrimaryWallet, setSelectedWalletWithAction, multiWallet, selectedWalletWithAction, user, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView } = ViewContext.useViewContext();
+    const isAuthenticated = Boolean(user);
     const handlePrimaryWalletNotActive = React.useCallback((connectedAddress) => {
+        logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('[useSyncPrimaryWallet] handlePrimaryWalletNotActive', {
+            authMode,
+            connectedAddress,
+            primaryWallet: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address,
+        });
         if (!primaryWallet)
             return;
         if (authMode === 'connect-only') {
             connectWallet(primaryWallet.connector);
             return;
         }
-        const connectedWalletIsLinked = isWalletLinked.isWalletLinked(connectedAddress, [
-            primaryWallet,
-            ...secondaryWallets,
-        ]);
-        if (!connectedWalletIsLinked) {
-            // MM returns all connected wallets now, so we need to check if the active account
-            // is not in the same wallet as the primary wallet before automatically switching
-            // to a connected secondary wallet as it was causing an infinite loop
-            const connectedSecondaryWallet = secondaryWallets.find((wallet) => wallet.connected && primaryWallet.connector !== wallet.connector);
-            if (!connectedSecondaryWallet) {
-                setSelectedWalletWithAction({
-                    action: 'select',
-                    wallet: primaryWallet,
-                });
-                setMultiWalletWidgetState('awaiting_account_switch', 'primary_not_connected');
-                return;
-            }
-            setPrimaryWallet(connectedSecondaryWallet.id);
-            return;
-        }
-        if (showWidgetStatePopup) {
-            // user updates wallet address in the widget
-            setShowWidgetStatePopup(false);
-            setMultiWalletWidgetState('awaiting_account_switch', 'switching_primary');
-            return;
-        }
-        // !showWidgetStatePopup - user comes back to site with different wallet address
-        const connectedWallet = secondaryWallets.find((wallet) => wallet.connected &&
-            walletConnectorCore.isSameAddress(wallet.address, connectedAddress, wallet.chain));
-        if (connectedWallet) {
-            setPrimaryWallet(connectedWallet.id);
+        const connectedWalletWithSameProvider = connectedAddress &&
+            secondaryWallets.find((wallet) => wallet.connector.key === primaryWallet.connector.key &&
+                walletConnectorCore.isSameAddress(wallet.address, connectedAddress, wallet.chain));
+        logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('[useSyncPrimaryWallet] handlePrimaryWalletNotActive', {
+            connectedWalletWithSameProvider,
+            multiWallet,
+        });
+        // If user was explicitly trying to switch to this new wallet, let it be
+        const wasExplicitWalletChange = (selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet.address) === primaryWallet.address;
+        if (multiWallet &&
+            connectedWalletWithSameProvider &&
+            !wasExplicitWalletChange) {
+            setPrimaryWallet(connectedWalletWithSameProvider.id);
             return;
         }
-        setMultiWalletWidgetState('awaiting_account_switch', 'primary_not_connected');
+        logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('[useSyncPrimaryWallet] handlePrimaryWalletNotActive - setSelectedWalletWithAction(primaryWallet)');
+        setSelectedWalletWithAction({
+            action: 'select',
+            wallet: primaryWallet,
+        });
+        setMultiWalletWidgetState('awaiting_account_switch', 'switching_primary');
     }, [
-        primaryWallet,
         authMode,
+        primaryWallet,
         secondaryWallets,
-        showWidgetStatePopup,
+        multiWallet,
+        selectedWalletWithAction === null || selectedWalletWithAction === void 0 ? void 0 : selectedWalletWithAction.wallet.address,
+        setSelectedWalletWithAction,
         setMultiWalletWidgetState,
-        setPrimaryWallet,
-        setShowWidgetStatePopup,
         connectWallet,
+        setPrimaryWallet,
     ]);
     React.useEffect(() => {
+        logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('[useSyncPrimaryWallet]', {
+            canSync,
+            connectedChain: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.connectedChain,
+            multiWalletWidgetState,
+            primaryWallet: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address,
+        });
         if (!canSync)
             return;
         if (!primaryWallet || multiWalletWidgetState !== 'idle')
@@ -146,6 +158,10 @@ const useSyncPrimaryWallet = (canSync = true) => {
             .getConnectedAccounts()
             .then((accounts) => {
             const [connectedAddress] = accounts;
+            logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('[useSyncPrimaryWallet] getConnectedAccounts', {
+                accounts,
+                connectedAddress,
+            });
             if (!connectedAddress) {
                 throw new utils.DynamicError('Missing wallet address', errors.MISSING_ADDRESS_ERROR);
             }
@@ -155,31 +171,32 @@ const useSyncPrimaryWallet = (canSync = true) => {
             handlePrimaryWalletNotActive(connectedAddress);
         })
             .catch((e) => {
-            const connectedSecondaryWallet = secondaryWallets.find((wallet) => wallet.connected);
-            if (connectedSecondaryWallet) {
-                setPrimaryWallet(connectedSecondaryWallet.id);
-                return;
-            }
+            logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('[useSyncPrimaryWallet] getConnectedAccounts error', {
+                error: e,
+                isAuthenticated,
+            });
             // user is logged in (has valid jwt), but no wallet is connected
             if (isAuthenticated && e.code === errors.MISSING_ADDRESS_ERROR) {
                 if (!primaryWallet.connector.isInstalledOnBrowser()) {
+                    logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('[useSyncPrimaryWallet] getConnectedAccounts error - not installed in browser - will log out');
                     handleLogOut();
                     return;
                 }
                 if (showLockedWalletView) {
+                    logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('[useSyncPrimaryWallet] getConnectedAccounts error - will show locked wallet view');
                     setShowAuthFlow(true);
                     setView('wallet-locked-view');
+                    return;
                 }
+                handlePrimaryWalletNotActive();
             }
         });
     }, [
         primaryWallet,
-        secondaryWallets,
         multiWalletWidgetState,
         setMultiWalletWidgetState,
         handlePrimaryWalletNotActive,
         handleLogOut,
-        setPrimaryWallet,
         canSync,
         setView,
         setShowAuthFlow,