@dynamic-labs/sdk-react-core 1.0.0-alpha.0 → 1.0.0-alpha.10

package/src/lib/context/SendBalanceContext/SendBalanceContext.cjs

@@ -8,54 +8,57 @@ var React = require('react');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var useInternalDynamicContext = require('../DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/utils');
+require('../CaptchaContext/CaptchaContext.cjs');
+require('../ErrorContext/ErrorContext.cjs');
+require('../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/sdk-api');
-require('../../config/ApiEndpoint.cjs');
 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('viem');
 require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
-require('@dynamic-labs/rpc-providers');
-require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
-require('../ErrorContext/ErrorContext.cjs');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../AccountExistsContext/AccountExistsContext.cjs');
+require('../../config/ApiEndpoint.cjs');
+require('../EmailVerificationContext/EmailVerificationContext.cjs');
 var useConfirmationModal = require('../../utils/hooks/useConfirmationModal/useConfirmationModal.cjs');
-require('react-i18next');
-require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../ThemeContext/ThemeContext.cjs');
+require('@dynamic-labs/types');
+require('yup');
+require('react-i18next');
+require('../MockContext/MockContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../components/Alert/Alert.cjs');
 require('react-dom');
-require('react-focus-lock');
+require('../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../components/IconButton/IconButton.cjs');
+require('../../components/InlineWidget/InlineWidget.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/IconButton/IconButton.cjs');
-require('../../components/Alert/Alert.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('react-focus-lock');
 require('formik');
-require('yup');
-require('../../components/InlineWidget/InlineWidget.cjs');
-require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
 require('../FooterAnimationContext/index.cjs');
-require('../MockContext/MockContext.cjs');
 require('../QrCodeContext/QrCodeContext.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../CaptchaContext/CaptchaContext.cjs');
-require('../EmailVerificationContext/EmailVerificationContext.cjs');
 require('qrcode');
 require('../LoadingContext/LoadingContext.cjs');
+require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
-require('@dynamic-labs/types');
-require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
-require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/viem-utils');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var SendBalanceModal = require('../../modals/SendBalanceModal/SendBalanceModal.cjs');
 var SendBalanceContext_errors = require('./SendBalanceContext.errors.cjs');
 

package/src/lib/context/SendBalanceContext/SendBalanceContext.js

@@ -4,54 +4,57 @@ import { createContext, useContext, useCallback } from 'react';
 import { isEmbeddedConnector } from '@dynamic-labs/wallet-connector-core';
 import { useInternalDynamicContext } from '../DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/utils';
+import '../CaptchaContext/CaptchaContext.js';
+import '../ErrorContext/ErrorContext.js';
+import '../ViewContext/ViewContext.js';
 import '@dynamic-labs/sdk-api';
-import '../../config/ApiEndpoint.js';
 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 'viem';
 import '../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
-import '@dynamic-labs/rpc-providers';
-import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
-import '../ErrorContext/ErrorContext.js';
 import '../AccessDeniedContext/AccessDeniedContext.js';
 import '../AccountExistsContext/AccountExistsContext.js';
+import '../../config/ApiEndpoint.js';
+import '../EmailVerificationContext/EmailVerificationContext.js';
 import { useConfirmationModal } from '../../utils/hooks/useConfirmationModal/useConfirmationModal.js';
-import 'react-i18next';
-import '../../components/ShadowDOM/ShadowDOM.js';
 import '../ThemeContext/ThemeContext.js';
+import '@dynamic-labs/types';
+import 'yup';
+import 'react-i18next';
+import '../MockContext/MockContext.js';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../components/Alert/Alert.js';
 import 'react-dom';
-import 'react-focus-lock';
+import '../../components/ShadowDOM/ShadowDOM.js';
+import '../../components/IconButton/IconButton.js';
+import '../../components/InlineWidget/InlineWidget.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/IconButton/IconButton.js';
-import '../../components/Alert/Alert.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
 import 'formik';
-import 'yup';
-import '../../components/InlineWidget/InlineWidget.js';
-import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/OverlayCard/OverlayCard.context.js';
 import '../FooterAnimationContext/index.js';
-import '../MockContext/MockContext.js';
 import '../QrCodeContext/QrCodeContext.js';
 import '../WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../CaptchaContext/CaptchaContext.js';
-import '../EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
 import '../LoadingContext/LoadingContext.js';
+import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
-import '@dynamic-labs/types';
-import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
-import '../UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/viem-utils';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { SendBalanceModal } from '../../modals/SendBalanceModal/SendBalanceModal.js';
 import { noWalletError, invalidWalletTypeError } from './SendBalanceContext.errors.js';
 

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.cjs

@@ -11,59 +11,63 @@ var logger = require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 var ViewContext = require('../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var getReferencedAccount = require('../../utils/functions/getReferencedAccount/getReferencedAccount.cjs');
-require('../../config/ApiEndpoint.cjs');
-require('@dynamic-labs/rpc-providers');
-require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+var useInternalDynamicContext = require('../DynamicContext/useInternalDynamicContext.cjs');
+var CaptchaContext = require('../CaptchaContext/CaptchaContext.cjs');
+var ErrorContext = require('../ErrorContext/ErrorContext.cjs');
 var useVerifyWallet = require('../../utils/hooks/useVerifyWallet/useVerifyWallet.cjs');
+require('../../config/ApiEndpoint.cjs');
+require('../EmailVerificationContext/EmailVerificationContext.cjs');
 require('react-dom');
+require('../ThemeContext/ThemeContext.cjs');
+require('@dynamic-labs/types');
+require('yup');
 require('react-i18next');
-var useInternalDynamicContext = require('../DynamicContext/useInternalDynamicContext.cjs');
+require('../MockContext/MockContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../components/Alert/Alert.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
-require('../ThemeContext/ThemeContext.cjs');
-require('react-focus-lock');
+require('../../components/IconButton/IconButton.cjs');
+require('../../components/InlineWidget/InlineWidget.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/IconButton/IconButton.cjs');
-require('../../components/Alert/Alert.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('react-focus-lock');
 require('formik');
-require('yup');
-require('../../components/InlineWidget/InlineWidget.cjs');
-require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
 require('../FooterAnimationContext/index.cjs');
-require('../MockContext/MockContext.cjs');
 require('../QrCodeContext/QrCodeContext.cjs');
 require('../AccountExistsContext/AccountExistsContext.cjs');
-var ErrorContext = require('../ErrorContext/ErrorContext.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../CaptchaContext/CaptchaContext.cjs');
-require('../EmailVerificationContext/EmailVerificationContext.cjs');
 require('qrcode');
 require('../LoadingContext/LoadingContext.cjs');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');
+require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
-require('@dynamic-labs/types');
-require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
-require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/viem-utils');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 const SocialRedirectContext = React.createContext(undefined);
 const SocialRedirectContextProvider = ({ children, }) => {
     var _a, _b, _c, _d;
-    const { setShowAuthFlow, wallets, setSelectedWalletConnector, walletUiUtils, consumeNonce, displaySiweStatement, environmentId, projectSettings, setIsSingleWalletAccount, setShowDynamicUserProfile, isAuthenticated, setPrimaryWalletId, secondaryWallets, sdkHasLoaded, authToken, connectWallet, primaryWallet, socialProvidersFilter = (providers) => providers, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setShowAuthFlow, walletConnectorOptions, setSelectedWalletConnectorKey, walletUiUtils, consumeNonce, displaySiweStatement, environmentId, projectSettings, setIsSingleWalletAccount, setShowDynamicUserProfile, isAuthenticated, setPrimaryWalletId, secondaryWallets, sdkHasLoaded, authToken, connectWallet, primaryWallet, internalEvents, socialProvidersFilter = (providers) => providers, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setErrorMessage } = ErrorContext.useErrorContext();
     const { setView } = ViewContext.useViewContext();
+    const { getCaptchaToken } = CaptchaContext.useCaptchaContext();
     const verifyWallet = useVerifyWallet.useVerifyWallet({
         consumeNonce,
         displaySiweStatement,
@@ -76,7 +80,7 @@ const SocialRedirectContextProvider = ({ children, }) => {
     const enabledSocialProviders = (_d = socialProvidersFilter(enabledSocialProvidersInDb
         .filter((provider) => provider.enabled)
         .map((provider) => provider.provider))) !== null && _d !== void 0 ? _d : [];
-    const socialWalletConnector = wallets
+    const socialWalletConnector = walletConnectorOptions
         .map(({ walletConnector }) => walletConnector)
         .find(walletConnectorCore.isSocialWalletConnector);
     const [redirectStatus, setRedirectStatus] = React.useState('idle');
@@ -86,6 +90,20 @@ const SocialRedirectContextProvider = ({ children, }) => {
         : secondaryWallets;
     const wallet = userWallets.find((wallet) => wallet.connector.key === (socialWalletConnector === null || socialWalletConnector === void 0 ? void 0 : socialWalletConnector.key));
     const socialAccount = React.useMemo(() => (wallet ? getReferencedAccount.getReferencedAccount(authToken, wallet.id) : undefined), [authToken, wallet]);
+    // added to make sure to reset the social provider on logout
+    React.useEffect(() => {
+        const events = internalEvents === null || internalEvents === void 0 ? void 0 : internalEvents.current;
+        if (!events) {
+            return;
+        }
+        const handleInternalLogoutEvent = () => {
+            setSocialProvider(undefined);
+        };
+        events.on('logout', handleInternalLogoutEvent);
+        return () => {
+            events.off('logout', handleInternalLogoutEvent);
+        };
+    }, [internalEvents]);
     const handleError = React.useCallback((message) => {
         logger.logger.error(message);
         if (isAuthenticated) {
@@ -131,7 +149,7 @@ const SocialRedirectContextProvider = ({ children, }) => {
             setView('social-redirect-view');
             setShowAuthFlow(true);
             if (!isAuthenticated) {
-                setSelectedWalletConnector(socialWalletConnector);
+                setSelectedWalletConnectorKey(socialWalletConnector.key);
             }
             (_b = socialWalletConnector
                 .getSession) === null || _b === void 0 ? void 0 : _b.call(socialWalletConnector).then((session) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -182,6 +200,7 @@ const SocialRedirectContextProvider = ({ children, }) => {
                     const address = yield socialWalletConnector.fetchPublicAddress();
                     walletUiUtils.disabledConfirmationOnce();
                     yield verifyWallet({
+                        captchaToken: getCaptchaToken(),
                         oauth: {
                             accessToken: session.accessToken,
                             didToken: session.didToken,
@@ -212,7 +231,7 @@ const SocialRedirectContextProvider = ({ children, }) => {
         sdkHasLoaded,
         secondaryWallets,
         setPrimaryWalletId,
-        setSelectedWalletConnector,
+        setSelectedWalletConnectorKey,
         setShowAuthFlow,
         setShowDynamicUserProfile,
         setView,

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.js

@@ -1,65 +1,69 @@
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useState, useMemo, useCallback, useEffect, useContext } from 'react';
+import { createContext, useState, useMemo, useEffect, useCallback, useContext } from 'react';
 import { isSocialWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/sdk-api';
 import { logger } from '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import { useViewContext } from '../ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { getReferencedAccount } from '../../utils/functions/getReferencedAccount/getReferencedAccount.js';
-import '../../config/ApiEndpoint.js';
-import '@dynamic-labs/rpc-providers';
-import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import { useInternalDynamicContext } from '../DynamicContext/useInternalDynamicContext.js';
+import { useCaptchaContext } from '../CaptchaContext/CaptchaContext.js';
+import { useErrorContext } from '../ErrorContext/ErrorContext.js';
 import { useVerifyWallet } from '../../utils/hooks/useVerifyWallet/useVerifyWallet.js';
+import '../../config/ApiEndpoint.js';
+import '../EmailVerificationContext/EmailVerificationContext.js';
 import 'react-dom';
+import '../ThemeContext/ThemeContext.js';
+import '@dynamic-labs/types';
+import 'yup';
 import 'react-i18next';
-import { useInternalDynamicContext } from '../DynamicContext/useInternalDynamicContext.js';
+import '../MockContext/MockContext.js';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
-import '../ThemeContext/ThemeContext.js';
-import 'react-focus-lock';
+import '../../components/IconButton/IconButton.js';
+import '../../components/InlineWidget/InlineWidget.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/IconButton/IconButton.js';
-import '../../components/Alert/Alert.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
 import 'formik';
-import 'yup';
-import '../../components/InlineWidget/InlineWidget.js';
-import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/OverlayCard/OverlayCard.context.js';
 import '../FooterAnimationContext/index.js';
-import '../MockContext/MockContext.js';
 import '../QrCodeContext/QrCodeContext.js';
 import '../AccountExistsContext/AccountExistsContext.js';
-import { useErrorContext } from '../ErrorContext/ErrorContext.js';
 import '../WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../CaptchaContext/CaptchaContext.js';
-import '../EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
 import '../LoadingContext/LoadingContext.js';
 import '../AccessDeniedContext/AccessDeniedContext.js';
+import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
-import '@dynamic-labs/types';
-import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
-import '../UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/viem-utils';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
 const SocialRedirectContext = createContext(undefined);
 const SocialRedirectContextProvider = ({ children, }) => {
     var _a, _b, _c, _d;
-    const { setShowAuthFlow, wallets, setSelectedWalletConnector, walletUiUtils, consumeNonce, displaySiweStatement, environmentId, projectSettings, setIsSingleWalletAccount, setShowDynamicUserProfile, isAuthenticated, setPrimaryWalletId, secondaryWallets, sdkHasLoaded, authToken, connectWallet, primaryWallet, socialProvidersFilter = (providers) => providers, } = useInternalDynamicContext();
+    const { setShowAuthFlow, walletConnectorOptions, setSelectedWalletConnectorKey, walletUiUtils, consumeNonce, displaySiweStatement, environmentId, projectSettings, setIsSingleWalletAccount, setShowDynamicUserProfile, isAuthenticated, setPrimaryWalletId, secondaryWallets, sdkHasLoaded, authToken, connectWallet, primaryWallet, internalEvents, socialProvidersFilter = (providers) => providers, } = useInternalDynamicContext();
     const { setErrorMessage } = useErrorContext();
     const { setView } = useViewContext();
+    const { getCaptchaToken } = useCaptchaContext();
     const verifyWallet = useVerifyWallet({
         consumeNonce,
         displaySiweStatement,
@@ -72,7 +76,7 @@ const SocialRedirectContextProvider = ({ children, }) => {
     const enabledSocialProviders = (_d = socialProvidersFilter(enabledSocialProvidersInDb
         .filter((provider) => provider.enabled)
         .map((provider) => provider.provider))) !== null && _d !== void 0 ? _d : [];
-    const socialWalletConnector = wallets
+    const socialWalletConnector = walletConnectorOptions
         .map(({ walletConnector }) => walletConnector)
         .find(isSocialWalletConnector);
     const [redirectStatus, setRedirectStatus] = useState('idle');
@@ -82,6 +86,20 @@ const SocialRedirectContextProvider = ({ children, }) => {
         : secondaryWallets;
     const wallet = userWallets.find((wallet) => wallet.connector.key === (socialWalletConnector === null || socialWalletConnector === void 0 ? void 0 : socialWalletConnector.key));
     const socialAccount = useMemo(() => (wallet ? getReferencedAccount(authToken, wallet.id) : undefined), [authToken, wallet]);
+    // added to make sure to reset the social provider on logout
+    useEffect(() => {
+        const events = internalEvents === null || internalEvents === void 0 ? void 0 : internalEvents.current;
+        if (!events) {
+            return;
+        }
+        const handleInternalLogoutEvent = () => {
+            setSocialProvider(undefined);
+        };
+        events.on('logout', handleInternalLogoutEvent);
+        return () => {
+            events.off('logout', handleInternalLogoutEvent);
+        };
+    }, [internalEvents]);
     const handleError = useCallback((message) => {
         logger.error(message);
         if (isAuthenticated) {
@@ -127,7 +145,7 @@ const SocialRedirectContextProvider = ({ children, }) => {
             setView('social-redirect-view');
             setShowAuthFlow(true);
             if (!isAuthenticated) {
-                setSelectedWalletConnector(socialWalletConnector);
+                setSelectedWalletConnectorKey(socialWalletConnector.key);
             }
             (_b = socialWalletConnector
                 .getSession) === null || _b === void 0 ? void 0 : _b.call(socialWalletConnector).then((session) => __awaiter(void 0, void 0, void 0, function* () {
@@ -178,6 +196,7 @@ const SocialRedirectContextProvider = ({ children, }) => {
                     const address = yield socialWalletConnector.fetchPublicAddress();
                     walletUiUtils.disabledConfirmationOnce();
                     yield verifyWallet({
+                        captchaToken: getCaptchaToken(),
                         oauth: {
                             accessToken: session.accessToken,
                             didToken: session.didToken,
@@ -208,7 +227,7 @@ const SocialRedirectContextProvider = ({ children, }) => {
         sdkHasLoaded,
         secondaryWallets,
         setPrimaryWalletId,
-        setSelectedWalletConnector,
+        setSelectedWalletConnectorKey,
         setShowAuthFlow,
         setShowDynamicUserProfile,
         setView,

package/src/lib/context/ThemeContext/themesData.cjs

@@ -11,10 +11,10 @@ require('../ViewContext/ViewContext.cjs');
 require('react');
 require('@dynamic-labs/wallet-book');
 var index = require('../../shared/utils/functions/getValueByKey/index.cjs');
-require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 
 const getDefaultColor = (name = 'light') => name === 'light' ? '#2660FF' : '#7000FF';

package/src/lib/context/ThemeContext/themesData.js

@@ -7,10 +7,10 @@ import '../ViewContext/ViewContext.js';
 import 'react';
 import '@dynamic-labs/wallet-book';
 import { getValueByKey } from '../../shared/utils/functions/getValueByKey/index.js';
-import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 
 const getDefaultColor = (name = 'light') => name === 'light' ? '#2660FF' : '#7000FF';

package/src/lib/context/UseNetworkValidation/UseNetworkValidation.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useConnectedWalletsNetworkValidation = require('../../utils/hooks/useConnectedWalletsNetworkValidation/useConnectedWalletsNetworkValidation.cjs');
+
+const UseNetworkValidation = () => {
+    useConnectedWalletsNetworkValidation.useConnectedWalletsNetworkValidation();
+    return null;
+};
+
+exports.UseNetworkValidation = UseNetworkValidation;

package/src/lib/context/UseNetworkValidation/UseNetworkValidation.d.ts

@@ -0,0 +1 @@
+export declare const UseNetworkValidation: () => null;

package/src/lib/context/UseNetworkValidation/UseNetworkValidation.js

@@ -0,0 +1,8 @@
+import { useConnectedWalletsNetworkValidation } from '../../utils/hooks/useConnectedWalletsNetworkValidation/useConnectedWalletsNetworkValidation.js';
+
+const UseNetworkValidation = () => {
+    useConnectedWalletsNetworkValidation();
+    return null;
+};
+
+export { UseNetworkValidation };

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

@@ -0,0 +1 @@
+export * from './UseNetworkValidation';

package/src/lib/context/UserFieldEditorContext/UserFieldEditorContext.cjs

@@ -7,55 +7,58 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var UserFieldEditorModal = require('../../modals/UserFieldEditorModal/UserFieldEditorModal.cjs');
 require('@dynamic-labs/utils');
+require('../DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/wallet-connector-core');
+require('../CaptchaContext/CaptchaContext.cjs');
+require('../ErrorContext/ErrorContext.cjs');
+require('../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/sdk-api');
-require('../../config/ApiEndpoint.cjs');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
-require('../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
-require('@dynamic-labs/rpc-providers');
-require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
-require('../DynamicContext/DynamicContext.cjs');
-require('../ErrorContext/ErrorContext.cjs');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../AccountExistsContext/AccountExistsContext.cjs');
+require('../../config/ApiEndpoint.cjs');
+require('../EmailVerificationContext/EmailVerificationContext.cjs');
 var useConfirmationModal = require('../../utils/hooks/useConfirmationModal/useConfirmationModal.cjs');
-require('react-i18next');
-require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../ThemeContext/ThemeContext.cjs');
+require('@dynamic-labs/types');
+require('yup');
+require('react-i18next');
+require('../MockContext/MockContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../components/Alert/Alert.cjs');
 require('react-dom');
-require('react-focus-lock');
+require('../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../components/IconButton/IconButton.cjs');
+require('../../components/InlineWidget/InlineWidget.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/IconButton/IconButton.cjs');
-require('../../components/Alert/Alert.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('react-focus-lock');
 require('formik');
-require('yup');
-require('../../components/InlineWidget/InlineWidget.cjs');
-require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
 require('../FooterAnimationContext/index.cjs');
-require('../MockContext/MockContext.cjs');
 require('../QrCodeContext/QrCodeContext.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../CaptchaContext/CaptchaContext.cjs');
-require('../EmailVerificationContext/EmailVerificationContext.cjs');
 require('qrcode');
 require('../LoadingContext/LoadingContext.cjs');
+require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
-require('@dynamic-labs/types');
-require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('@dynamic-labs/viem-utils');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 const UserFieldEditorContext = React.createContext(undefined);
 const UserFieldEditorContextProvider = ({ children, }) => {