@dynamic-labs/sdk-react-core 2.2.0 → 2.2.2

package/CHANGELOG.md

@@ -1,4 +1,19 @@
 
+### [2.2.2](https://github.com/dynamic-labs/DynamicAuth/compare/v2.2.1...v2.2.2) (2024-06-18)
+
+
+### Bug Fixes
+
+* make account change idemopotent ([#6062](https://github.com/dynamic-labs/DynamicAuth/issues/6062)) ([2308d32](https://github.com/dynamic-labs/DynamicAuth/commit/2308d32d18627f2673c8f4c9b5623a9c731e4752))
+
+### [2.2.1](https://github.com/dynamic-labs/DynamicAuth/compare/v2.2.0...v2.2.1) (2024-06-17)
+
+
+### Bug Fixes
+
+* improve handling of bitcoin connected accounts ([#6049](https://github.com/dynamic-labs/DynamicAuth/issues/6049)) ([08cb8ba](https://github.com/dynamic-labs/DynamicAuth/commit/08cb8bae2b1521367234cbe2bb55a8c3766df3c1))
+* improve wagmi hooks with embedded wallets ([#6044](https://github.com/dynamic-labs/DynamicAuth/issues/6044)) ([#6052](https://github.com/dynamic-labs/DynamicAuth/issues/6052)) ([28654e8](https://github.com/dynamic-labs/DynamicAuth/commit/28654e8a45b25c4fc3bb3abfa89b453808a55053))
+
 ## [2.2.0](https://github.com/dynamic-labs/DynamicAuth/compare/v2.1.5...v2.2.0) (2024-06-16)
 
 

package/package.cjs

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

package/package.js

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

package/package.json

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

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

@@ -272,7 +272,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     const { selectedWalletConnector, setSelectedWalletConnectorKey } = useSelectedWalletConnector.useSelectedWalletConnector({ walletConnectorOptions });
     //selected wallet to perform an action (become primary, unlink, etc)
     const [selectedWalletWithAction, setSelectedWalletWithAction] = React.useState(null);
-    useSetWalletConnectorVerifiedCredentials.useSetWalletConnectorVerifiedCredentials(user, walletConnectorOptions);
+    useSetWalletConnectorVerifiedCredentials.useSetWalletConnectorVerifiedCredentials(user !== null && user !== void 0 ? user : unauthenticatedUser, walletConnectorOptions);
     useSetWalletConnectorFetchers.useSetWalletConnectorFetchers(walletConnectorOptions, environmentId);
     const { didConnectedStateLoad, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors.useWalletConnectors({
         authMode,

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

@@ -268,7 +268,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
     const { selectedWalletConnector, setSelectedWalletConnectorKey } = useSelectedWalletConnector({ walletConnectorOptions });
     //selected wallet to perform an action (become primary, unlink, etc)
     const [selectedWalletWithAction, setSelectedWalletWithAction] = useState(null);
-    useSetWalletConnectorVerifiedCredentials(user, walletConnectorOptions);
+    useSetWalletConnectorVerifiedCredentials(user !== null && user !== void 0 ? user : unauthenticatedUser, walletConnectorOptions);
     useSetWalletConnectorFetchers(walletConnectorOptions, environmentId);
     const { didConnectedStateLoad, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors({
         authMode,

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

@@ -3,22 +3,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var useDynamicEvents = require('../../../../utils/hooks/events/useDynamicEvents/useDynamicEvents.cjs');
-require('react');
-require('../../../../../../_virtual/_tslib.cjs');
-require('@dynamic-labs/utils');
-require('../../DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
-require('../../../../shared/logger.cjs');
+var logger = require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../ViewContext/ViewContext.cjs');
+require('react');
 require('@dynamic-labs/wallet-book');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
+require('@dynamic-labs/utils');
 require('../../../../shared/consts/index.cjs');
+var useDynamicEvents = require('../../../../utils/hooks/events/useDynamicEvents/useDynamicEvents.cjs');
+require('../../../../../../_virtual/_tslib.cjs');
+require('../../DynamicContext.cjs');
 require('../../../CaptchaContext/CaptchaContext.cjs');
 require('../../../ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -105,14 +105,22 @@ const useTieCallbacksToEvents = ({ clientCallbacks, user, setHasLoggedOut, }) =>
     useDynamicEvents.useInternalDynamicEvents('walletAdded', (wallet, userWallets) => {
         var _a;
         setHasLoggedOut(false);
+        logger.logger.debug('[walletAdded]', { userWallets, wallet });
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onWalletAdded) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, { userWallets, wallet });
     });
     useDynamicEvents.useInternalDynamicEvents('walletRemoved', (wallet, userWallets) => {
         var _a;
+        logger.logger.debug('[walletRemoved]', { userWallets, wallet });
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onWalletRemoved) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, { userWallets, wallet });
     });
     useDynamicEvents.useInternalDynamicEvents('embeddedWalletCreated', (_wallet, jwtVerifiedCredential, authToken, user) => {
         var _a;
+        logger.logger.debug('[embeddedWalletCreated]', {
+            _wallet,
+            authToken,
+            jwtVerifiedCredential,
+            user,
+        });
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onEmbeddedWalletCreated) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, jwtVerifiedCredential, authToken, user);
     });
     useDynamicEvents.useInternalDynamicEvents('logout', () => {
@@ -121,10 +129,12 @@ const useTieCallbacksToEvents = ({ clientCallbacks, user, setHasLoggedOut, }) =>
     });
     useDynamicEvents.useInternalDynamicEvents('authFailure', (data, reason) => {
         var _a;
+        logger.logger.debug('[authFailure]', { data, reason });
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onAuthFailure) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, data, reason);
     });
     useDynamicEvents.useInternalDynamicEvents('authInit', (data) => {
         var _a;
+        logger.logger.debug('[authInit]', { data });
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onAuthInit) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, data);
     });
 };

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

@@ -1,20 +1,20 @@
 'use client'
-import { useInternalDynamicEvents } from '../../../../utils/hooks/events/useDynamicEvents/useDynamicEvents.js';
-import 'react';
-import '../../../../../../_virtual/_tslib.js';
-import '@dynamic-labs/utils';
-import '../../DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
-import '../../../../shared/logger.js';
+import { logger } from '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../ViewContext/ViewContext.js';
+import 'react';
 import '@dynamic-labs/wallet-book';
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
+import '@dynamic-labs/utils';
 import '../../../../shared/consts/index.js';
+import { useInternalDynamicEvents } from '../../../../utils/hooks/events/useDynamicEvents/useDynamicEvents.js';
+import '../../../../../../_virtual/_tslib.js';
+import '../../DynamicContext.js';
 import '../../../CaptchaContext/CaptchaContext.js';
 import '../../../ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -101,14 +101,22 @@ const useTieCallbacksToEvents = ({ clientCallbacks, user, setHasLoggedOut, }) =>
     useInternalDynamicEvents('walletAdded', (wallet, userWallets) => {
         var _a;
         setHasLoggedOut(false);
+        logger.debug('[walletAdded]', { userWallets, wallet });
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onWalletAdded) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, { userWallets, wallet });
     });
     useInternalDynamicEvents('walletRemoved', (wallet, userWallets) => {
         var _a;
+        logger.debug('[walletRemoved]', { userWallets, wallet });
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onWalletRemoved) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, { userWallets, wallet });
     });
     useInternalDynamicEvents('embeddedWalletCreated', (_wallet, jwtVerifiedCredential, authToken, user) => {
         var _a;
+        logger.debug('[embeddedWalletCreated]', {
+            _wallet,
+            authToken,
+            jwtVerifiedCredential,
+            user,
+        });
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onEmbeddedWalletCreated) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, jwtVerifiedCredential, authToken, user);
     });
     useInternalDynamicEvents('logout', () => {
@@ -117,10 +125,12 @@ const useTieCallbacksToEvents = ({ clientCallbacks, user, setHasLoggedOut, }) =>
     });
     useInternalDynamicEvents('authFailure', (data, reason) => {
         var _a;
+        logger.debug('[authFailure]', { data, reason });
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onAuthFailure) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, data, reason);
     });
     useInternalDynamicEvents('authInit', (data) => {
         var _a;
+        logger.debug('[authInit]', { data });
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onAuthInit) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, data);
     });
 };

package/src/lib/shared/types/dynamicEventsCallbacks.d.ts

@@ -31,8 +31,10 @@ export type DynamicEventsCallbacks = {
     onAuthInit?: (data: AuthEventPayload) => void;
 };
 export type OnAuthSuccess = (params: {
+    /** @deprecated use getAuthToken instead */
     authToken: string;
     handleLogOut: () => Promise<void>;
+    /** @deprecated use getMinAuthToken instead */
     minAuthToken: string;
     isAuthenticated: boolean;
     primaryWallet: Wallet | null;
@@ -58,4 +60,6 @@ destination: {
     value: PhoneData;
 }) => void;
 export type OnUserProfileUpdate = (user: UserProfile) => void;
-export type OnEmbeddedWalletCreated = (verifiedCredential: JwtVerifiedCredential | undefined, authToken: string | undefined, user: UserProfile | undefined) => void;
+export type OnEmbeddedWalletCreated = (verifiedCredential: JwtVerifiedCredential | undefined, 
+/** @deprecated use getAuthToken instead */
+authToken: string | undefined, user: UserProfile | undefined) => void;

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

@@ -78,3 +78,4 @@ export * from './storeExpiresAt';
 export * from './getExpiresAt';
 export * from './getSupportedCountriesForVerificationFromProjectSettings';
 export * from './getDefaultCountriesIfEmpty';
+export * from './logVerboseTroubleshootingMessage';

package/src/lib/utils/functions/logVerboseTroubleshootingMessage/index.d.ts

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

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

@@ -0,0 +1,27 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('@dynamic-labs/sdk-api-core');
+var logger = require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('react');
+require('@dynamic-labs/wallet-book');
+require('../../constants/colors.cjs');
+require('../../constants/values.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('@dynamic-labs/utils');
+require('../../../shared/consts/index.cjs');
+
+// use this in conjuction with dynamic_enableTroubleshootMode to see
+// more verbose logging to help troubleshoot issues
+// i.e: window.dynamic_enableTroubleshootMode = true
+const logVerboseTroubleshootingMessage = (message, ...args) => {
+    logger.logger.log(-1, message, ...args);
+};
+
+exports.logVerboseTroubleshootingMessage = logVerboseTroubleshootingMessage;

package/src/lib/utils/functions/logVerboseTroubleshootingMessage/logVerboseTroubleshootingMessage.d.ts

@@ -0,0 +1 @@
+export declare const logVerboseTroubleshootingMessage: (message: string | Error | unknown, ...args: any[]) => void;

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

@@ -0,0 +1,23 @@
+'use client'
+import '@dynamic-labs/sdk-api-core';
+import { logger } from '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import 'react';
+import '@dynamic-labs/wallet-book';
+import '../../constants/colors.js';
+import '../../constants/values.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
+import '@dynamic-labs/utils';
+import '../../../shared/consts/index.js';
+
+// use this in conjuction with dynamic_enableTroubleshootMode to see
+// more verbose logging to help troubleshoot issues
+// i.e: window.dynamic_enableTroubleshootMode = true
+const logVerboseTroubleshootingMessage = (message, ...args) => {
+    logger.log(-1, message, ...args);
+};
+
+export { logVerboseTroubleshootingMessage };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
-var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var UserWalletsContext = require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
@@ -53,11 +53,6 @@ const useHandleUnlinkWallet = ({ verifiedCredentials, environmentId, primaryWall
         const numberOfLinkedWallets = verifiedCredentials.filter((account) => account.walletName === ((wallet === null || wallet === void 0 ? void 0 : wallet.connector.key) || '')).length;
         // If there's only 1, it's the one being removed and we can kill the session
         if (numberOfLinkedWallets === 1) {
-            if (wallet && walletConnectorCore.isBitcoinConnector(wallet.connector)) {
-                // to avoid the infinite wallet popup issue experienced with the ME wallet
-                // we only want to clear the cached connected accounts when we unlink, but not on logout
-                yield (wallet === null || wallet === void 0 ? void 0 : wallet.connector.clearConnectedAccounts());
-            }
             yield (wallet === null || wallet === void 0 ? void 0 : wallet.connector.endSession());
         }
         removedWalletsIds.current.push(walletId);

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

@@ -1,11 +1,11 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useCallback } from 'react';
-import { isBitcoinConnector } from '@dynamic-labs/wallet-connector-core';
 import { useInternalUserWallets } from '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
@@ -49,11 +49,6 @@ const useHandleUnlinkWallet = ({ verifiedCredentials, environmentId, primaryWall
         const numberOfLinkedWallets = verifiedCredentials.filter((account) => account.walletName === ((wallet === null || wallet === void 0 ? void 0 : wallet.connector.key) || '')).length;
         // If there's only 1, it's the one being removed and we can kill the session
         if (numberOfLinkedWallets === 1) {
-            if (wallet && isBitcoinConnector(wallet.connector)) {
-                // to avoid the infinite wallet popup issue experienced with the ME wallet
-                // we only want to clear the cached connected accounts when we unlink, but not on logout
-                yield (wallet === null || wallet === void 0 ? void 0 : wallet.connector.clearConnectedAccounts());
-            }
             yield (wallet === null || wallet === void 0 ? void 0 : wallet.connector.endSession());
         }
         removedWalletsIds.current.push(walletId);

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

@@ -107,7 +107,7 @@ const useSocialAccounts = ({ sessionTimeout } = {
     }, [user === null || user === void 0 ? void 0 : user.verifiedCredentials]);
     const checkValidOAuthLinking = React.useCallback((provider) => {
         if (!isSocialKycEnabled.isSocialKycEnabled(projectSettings)) {
-            handleError(provider, types.SocialOAuthErrorCode.SOCIAL_LINKING_NOT_ENABLED, 'Social linking is not enabled on the dashboard', { raiseAuthFailure: false });
+            handleError(provider, types.SocialOAuthErrorCode.SOCIAL_LINKING_NOT_ENABLED, 'Social linking is not enabled in Information Capture on the dashboard', { raiseAuthFailure: false });
             return false;
         }
         const verifiedCredential = verifiedOAuthCredentialsMap[provider];
@@ -118,7 +118,7 @@ const useSocialAccounts = ({ sessionTimeout } = {
         const oauthProviders = index.getEnabledOAuthProviders(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
         const oauthProvider = oauthProviders.find((p) => p.provider === provider);
         if (!oauthProvider) {
-            handleError(provider, types.SocialOAuthErrorCode.PROVIDER_NOT_ENABLED, `Provider is not enabled on the dashboard: ${provider}`, { raiseAuthFailure: false });
+            handleError(provider, types.SocialOAuthErrorCode.PROVIDER_NOT_ENABLED, `Social linking provider is not enabled in Information Capture on the dashboard: ${provider}`, { raiseAuthFailure: false });
             return false;
         }
         return true;

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

@@ -103,7 +103,7 @@ const useSocialAccounts = ({ sessionTimeout } = {
     }, [user === null || user === void 0 ? void 0 : user.verifiedCredentials]);
     const checkValidOAuthLinking = useCallback((provider) => {
         if (!isSocialKycEnabled(projectSettings)) {
-            handleError(provider, SocialOAuthErrorCode.SOCIAL_LINKING_NOT_ENABLED, 'Social linking is not enabled on the dashboard', { raiseAuthFailure: false });
+            handleError(provider, SocialOAuthErrorCode.SOCIAL_LINKING_NOT_ENABLED, 'Social linking is not enabled in Information Capture on the dashboard', { raiseAuthFailure: false });
             return false;
         }
         const verifiedCredential = verifiedOAuthCredentialsMap[provider];
@@ -114,7 +114,7 @@ const useSocialAccounts = ({ sessionTimeout } = {
         const oauthProviders = getEnabledOAuthProviders(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
         const oauthProvider = oauthProviders.find((p) => p.provider === provider);
         if (!oauthProvider) {
-            handleError(provider, SocialOAuthErrorCode.PROVIDER_NOT_ENABLED, `Provider is not enabled on the dashboard: ${provider}`, { raiseAuthFailure: false });
+            handleError(provider, SocialOAuthErrorCode.PROVIDER_NOT_ENABLED, `Social linking provider is not enabled in Information Capture on the dashboard: ${provider}`, { raiseAuthFailure: false });
             return false;
         }
         return true;

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

@@ -83,7 +83,7 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
 
 const sleepToShowSuccessMessage = () => utils.sleep(1500);
 const useUserAuth = ({ authMethod, }) => {
-    const { handleLogOut, setShowAuthFlow, setCallback, setMultiWalletWidgetState, environmentId, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { handleLogOut, setShowAuthFlow, setCallback, setMultiWalletWidgetState, environmentId, walletConnectorOptions, } = useInternalDynamicContext.useInternalDynamicContext();
     const { view, setView, goToInitialView } = ViewContext.useViewContext();
     const { setLoading } = LoadingContext.useLoadingContext();
     const { setErrorMessage, setError } = ErrorContext.useErrorContext();
@@ -110,6 +110,9 @@ const useUserAuth = ({ authMethod, }) => {
                 verifiedUser = verifyResponse;
             }
             onVerifySuccess === null || onVerifySuccess === void 0 ? void 0 : onVerifySuccess(verifiedUser);
+            walletConnectorOptions.forEach((walletOption) => {
+                walletOption.walletConnector.setVerifiedCredentials(verifiedUser.verifiedCredentials);
+            });
             if ((_b = verifiedUser.scope) === null || _b === void 0 ? void 0 : _b.includes('requiresAdditionalAuth')) {
                 const devices = yield mfa.getUserMfaDevices({ environmentId });
                 if (devices.length === 0) {

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

@@ -79,7 +79,7 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 
 const sleepToShowSuccessMessage = () => sleep(1500);
 const useUserAuth = ({ authMethod, }) => {
-    const { handleLogOut, setShowAuthFlow, setCallback, setMultiWalletWidgetState, environmentId, } = useInternalDynamicContext();
+    const { handleLogOut, setShowAuthFlow, setCallback, setMultiWalletWidgetState, environmentId, walletConnectorOptions, } = useInternalDynamicContext();
     const { view, setView, goToInitialView } = useViewContext();
     const { setLoading } = useLoadingContext();
     const { setErrorMessage, setError } = useErrorContext();
@@ -106,6 +106,9 @@ const useUserAuth = ({ authMethod, }) => {
                 verifiedUser = verifyResponse;
             }
             onVerifySuccess === null || onVerifySuccess === void 0 ? void 0 : onVerifySuccess(verifiedUser);
+            walletConnectorOptions.forEach((walletOption) => {
+                walletOption.walletConnector.setVerifiedCredentials(verifiedUser.verifiedCredentials);
+            });
             if ((_b = verifiedUser.scope) === null || _b === void 0 ? void 0 : _b.includes('requiresAdditionalAuth')) {
                 const devices = yield getUserMfaDevices({ environmentId });
                 if (devices.length === 0) {

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

@@ -26,6 +26,7 @@ require('viem/chains');
 require('../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
 require('../../../locale/locale.cjs');
+var logVerboseTroubleshootingMessage = require('../../functions/logVerboseTroubleshootingMessage/logVerboseTroubleshootingMessage.cjs');
 var useWalletsConnectionState = require('../useWalletsConnectionState/useWalletsConnectionState.cjs');
 var reconnectSocialWallet = require('./reconnectSocialWallet.cjs');
 var createLinkedWalletsFromWalletOptions = require('./utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.cjs');
@@ -43,6 +44,7 @@ const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOption
             walletConnectorOptions,
         });
     }, [user, primaryWalletId, walletConnectorOptions]);
+    logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('linkedWallets', linkedWallets);
     const walletsBasedOnAuthMode = React.useMemo(() => {
         // Before signing the first message we are using connected wallets list
         // This is because we want the first connected wallet to have events applied by useWalletEventListeners
@@ -62,6 +64,7 @@ const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOption
         }
         return connectedWallets !== null && connectedWallets !== void 0 ? connectedWallets : [];
     }, [authMode, connectedWallets, linkedWallets, user]);
+    logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('walletsBasedOnAuthMode', walletsBasedOnAuthMode);
     /**
      * This useEffect is temporary.
      * While the wallet connectors don't use the event emitter, we need to manually
@@ -74,6 +77,8 @@ const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOption
     }), [walletsBasedOnAuthMode]);
     const { connectedWalletsMap, didConnectedStateLoad } = useWalletsConnectionState.useWalletsConnectionState(walletsBasedOnAuthMode);
     const wallets = React.useMemo(() => walletsBasedOnAuthMode.map((wallet) => (Object.assign(Object.assign({}, wallet), { connected: Boolean(connectedWalletsMap[getWalletIdentifier.getWalletIdentifier(wallet)]) }))), [connectedWalletsMap, walletsBasedOnAuthMode]);
+    logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('wallets', wallets);
+    logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('didConnectedStateLoad', didConnectedStateLoad);
     const { setUserWallets } = UserWalletsContext.useInternalUserWallets();
     // Keep userWallets in sync whenever linkedWallets changes
     React.useEffect(() => {
@@ -82,6 +87,7 @@ const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOption
         // the wallets list is empty, we'll never set the user wallets correctly after logout
         if (!didConnectedStateLoad.current && wallets.length)
             return;
+        logVerboseTroubleshootingMessage.logVerboseTroubleshootingMessage('[useWalletConnectors] will call setUserWallets', wallets);
         setUserWallets((userWallets) => updateUserWalletsFromLinkedWallets.updateUserWalletsFromLinkedWallets(userWallets, wallets));
     }, [didConnectedStateLoad, setUserWallets, wallets]);
     const primaryWallet = React.useMemo(() => { var _a; return (_a = wallets.find((wallet) => wallet.id === primaryWalletId)) !== null && _a !== void 0 ? _a : null; }, [primaryWalletId, wallets]);

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

@@ -22,6 +22,7 @@ import 'viem/chains';
 import '../../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../../locale/locale.js';
+import { logVerboseTroubleshootingMessage } from '../../functions/logVerboseTroubleshootingMessage/logVerboseTroubleshootingMessage.js';
 import { useWalletsConnectionState } from '../useWalletsConnectionState/useWalletsConnectionState.js';
 import { reconnectSocialWallet } from './reconnectSocialWallet.js';
 import { createLinkedWalletsFromWalletOptions } from './utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.js';
@@ -39,6 +40,7 @@ const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOption
             walletConnectorOptions,
         });
     }, [user, primaryWalletId, walletConnectorOptions]);
+    logVerboseTroubleshootingMessage('linkedWallets', linkedWallets);
     const walletsBasedOnAuthMode = useMemo(() => {
         // Before signing the first message we are using connected wallets list
         // This is because we want the first connected wallet to have events applied by useWalletEventListeners
@@ -58,6 +60,7 @@ const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOption
         }
         return connectedWallets !== null && connectedWallets !== void 0 ? connectedWallets : [];
     }, [authMode, connectedWallets, linkedWallets, user]);
+    logVerboseTroubleshootingMessage('walletsBasedOnAuthMode', walletsBasedOnAuthMode);
     /**
      * This useEffect is temporary.
      * While the wallet connectors don't use the event emitter, we need to manually
@@ -70,6 +73,8 @@ const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOption
     }), [walletsBasedOnAuthMode]);
     const { connectedWalletsMap, didConnectedStateLoad } = useWalletsConnectionState(walletsBasedOnAuthMode);
     const wallets = useMemo(() => walletsBasedOnAuthMode.map((wallet) => (Object.assign(Object.assign({}, wallet), { connected: Boolean(connectedWalletsMap[getWalletIdentifier(wallet)]) }))), [connectedWalletsMap, walletsBasedOnAuthMode]);
+    logVerboseTroubleshootingMessage('wallets', wallets);
+    logVerboseTroubleshootingMessage('didConnectedStateLoad', didConnectedStateLoad);
     const { setUserWallets } = useInternalUserWallets();
     // Keep userWallets in sync whenever linkedWallets changes
     useEffect(() => {
@@ -78,6 +83,7 @@ const useWalletConnectors = ({ authMode, connectedWallets, walletConnectorOption
         // the wallets list is empty, we'll never set the user wallets correctly after logout
         if (!didConnectedStateLoad.current && wallets.length)
             return;
+        logVerboseTroubleshootingMessage('[useWalletConnectors] will call setUserWallets', wallets);
         setUserWallets((userWallets) => updateUserWalletsFromLinkedWallets(userWallets, wallets));
     }, [didConnectedStateLoad, setUserWallets, wallets]);
     const primaryWallet = useMemo(() => { var _a; return (_a = wallets.find((wallet) => wallet.id === primaryWalletId)) !== null && _a !== void 0 ? _a : null; }, [primaryWalletId, wallets]);

package/src/lib/views/EmailVerification/EmailVerification.cjs

@@ -102,7 +102,7 @@ require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 const SECONDS_TO_RETRY = 15;
 const EmailVerification = ({ isEmailRecoveryFlow = false, showRetryButton: _showRetryButton = true, showTransferMessage: _showTransferMessage = false, }) => {
     var _a, _b, _c, _d;
-    const { environmentId, handleLogOut, setPrimaryWalletId, setShowAuthFlow, projectSettings, user, unauthenticatedUser, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { environmentId, handleLogOut, setPrimaryWalletId, setShowAuthFlow, projectSettings, user, unauthenticatedUser, walletConnectorOptions, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView, goToInitialView } = ViewContext.useViewContext();
     const { error, setError, setErrorMessage } = ErrorContext.useErrorContext();
     const { loading, setLoading } = LoadingContext.useLoadingContext();
@@ -177,14 +177,16 @@ const EmailVerification = ({ isEmailRecoveryFlow = false, showRetryButton: _show
                 if (!embeddedWalletVerifiedCredential) {
                     throw new Error('Could not find an embedded wallet');
                 }
+                const walletOption = walletConnectorOptions === null || walletConnectorOptions === void 0 ? void 0 : walletConnectorOptions.find((option) => option.key === embeddedWalletVerifiedCredential.walletName);
+                if (!(walletOption === null || walletOption === void 0 ? void 0 : walletOption.walletConnector)) {
+                    throw new Error('Could not find connector for embedded wallet');
+                }
                 const wallet = {
                     address: embeddedWalletVerifiedCredential.address,
                     authenticated: false,
                     chain: embeddedWalletVerifiedCredential.chain,
                     connected: true,
-                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                    // @ts-ignore
-                    connector: undefined,
+                    connector: walletOption.walletConnector,
                     id: embeddedWalletVerifiedCredential.id,
                     key: (_k = embeddedWalletVerifiedCredential.walletName) !== null && _k !== void 0 ? _k : '',
                 };
@@ -210,6 +212,7 @@ const EmailVerification = ({ isEmailRecoveryFlow = false, showRetryButton: _show
         setShowAuthFlow,
         setView,
         user,
+        walletConnectorOptions,
     ]);
     const handleEmailVerification = React.useCallback((verificationToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         setError(undefined);

package/src/lib/views/EmailVerification/EmailVerification.js

@@ -98,7 +98,7 @@ import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 const SECONDS_TO_RETRY = 15;
 const EmailVerification = ({ isEmailRecoveryFlow = false, showRetryButton: _showRetryButton = true, showTransferMessage: _showTransferMessage = false, }) => {
     var _a, _b, _c, _d;
-    const { environmentId, handleLogOut, setPrimaryWalletId, setShowAuthFlow, projectSettings, user, unauthenticatedUser, } = useInternalDynamicContext();
+    const { environmentId, handleLogOut, setPrimaryWalletId, setShowAuthFlow, projectSettings, user, unauthenticatedUser, walletConnectorOptions, } = useInternalDynamicContext();
     const { setView, goToInitialView } = useViewContext();
     const { error, setError, setErrorMessage } = useErrorContext();
     const { loading, setLoading } = useLoadingContext();
@@ -173,14 +173,16 @@ const EmailVerification = ({ isEmailRecoveryFlow = false, showRetryButton: _show
                 if (!embeddedWalletVerifiedCredential) {
                     throw new Error('Could not find an embedded wallet');
                 }
+                const walletOption = walletConnectorOptions === null || walletConnectorOptions === void 0 ? void 0 : walletConnectorOptions.find((option) => option.key === embeddedWalletVerifiedCredential.walletName);
+                if (!(walletOption === null || walletOption === void 0 ? void 0 : walletOption.walletConnector)) {
+                    throw new Error('Could not find connector for embedded wallet');
+                }
                 const wallet = {
                     address: embeddedWalletVerifiedCredential.address,
                     authenticated: false,
                     chain: embeddedWalletVerifiedCredential.chain,
                     connected: true,
-                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                    // @ts-ignore
-                    connector: undefined,
+                    connector: walletOption.walletConnector,
                     id: embeddedWalletVerifiedCredential.id,
                     key: (_k = embeddedWalletVerifiedCredential.walletName) !== null && _k !== void 0 ? _k : '',
                 };
@@ -206,6 +208,7 @@ const EmailVerification = ({ isEmailRecoveryFlow = false, showRetryButton: _show
         setShowAuthFlow,
         setView,
         user,
+        walletConnectorOptions,
     ]);
     const handleEmailVerification = useCallback((verificationToken) => __awaiter(void 0, void 0, void 0, function* () {
         setError(undefined);