@dynamic-labs/sdk-react-core 4.24.0 → 4.25.0

package/CHANGELOG.md

@@ -1,4 +1,19 @@
 
+## [4.25.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.24.0...v4.25.0) (2025-07-17)
+
+
+### Features
+
+* add passkey 1fa to react native ([#9167](https://github.com/dynamic-labs/dynamic-auth/issues/9167)) ([8f9b166](https://github.com/dynamic-labs/dynamic-auth/commit/8f9b166de3e0ab329c1539597c350681f1254bfb))
+
+
+### Bug Fixes
+
+* add waas iframe retry ([#9185](https://github.com/dynamic-labs/dynamic-auth/issues/9185)) ([ebe40d5](https://github.com/dynamic-labs/dynamic-auth/commit/ebe40d5ecdf214362b013502b4ac1313ba356aeb))
+* ensure storage service defaults to local storage ([#9182](https://github.com/dynamic-labs/dynamic-auth/issues/9182)) ([d6ce48e](https://github.com/dynamic-labs/dynamic-auth/commit/d6ce48e8c1d2edb32d8db41efe3f56b97275c32a))
+* add account address to wallet properties ([#9172](https://github.com/dynamic-labs/dynamic-auth/issues/9172)) ([61de8ca](https://github.com/dynamic-labs/dynamic-auth/commit/61de8caccb95c5d52126283ac7a1ebd5a36aa33c))
+* show hcaptcha for headless social sign in ([#9154](https://github.com/dynamic-labs/dynamic-auth/issues/9154)) ([262b752](https://github.com/dynamic-labs/dynamic-auth/commit/262b75257ec6dcc05f67804b71f7285ec5919f91))
+
 ## [4.24.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.23.1...v4.24.0) (2025-07-15)
 
 ### Features

package/package.cjs

@@ -3,9 +3,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.24.0";
+var version = "4.25.0";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.715",
+	"@dynamic-labs/sdk-api-core": "0.0.718",
 	"@dynamic-labs-sdk/client": "0.0.1-alpha.16",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"@thumbmarkjs/thumbmarkjs": "0.16.0",

package/package.js

@@ -1,7 +1,7 @@
 'use client'
-var version = "4.24.0";
+var version = "4.25.0";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.715",
+	"@dynamic-labs/sdk-api-core": "0.0.718",
 	"@dynamic-labs-sdk/client": "0.0.1-alpha.16",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"@thumbmarkjs/thumbmarkjs": "0.16.0",

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.24.0",
+  "version": "4.25.0",
   "dependencies": {
-    "@dynamic-labs/sdk-api-core": "0.0.715",
+    "@dynamic-labs/sdk-api-core": "0.0.718",
     "@dynamic-labs-sdk/client": "0.0.1-alpha.16",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "@thumbmarkjs/thumbmarkjs": "0.16.0",
@@ -15,16 +15,16 @@
     "yup": "0.32.11",
     "react-international-phone": "4.5.0",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.24.0",
-    "@dynamic-labs/iconic": "4.24.0",
-    "@dynamic-labs/logger": "4.24.0",
-    "@dynamic-labs/multi-wallet": "4.24.0",
-    "@dynamic-labs/rpc-providers": "4.24.0",
-    "@dynamic-labs/store": "4.24.0",
-    "@dynamic-labs/types": "4.24.0",
-    "@dynamic-labs/utils": "4.24.0",
-    "@dynamic-labs/wallet-book": "4.24.0",
-    "@dynamic-labs/wallet-connector-core": "4.24.0",
+    "@dynamic-labs/assert-package-version": "4.25.0",
+    "@dynamic-labs/iconic": "4.25.0",
+    "@dynamic-labs/logger": "4.25.0",
+    "@dynamic-labs/multi-wallet": "4.25.0",
+    "@dynamic-labs/rpc-providers": "4.25.0",
+    "@dynamic-labs/store": "4.25.0",
+    "@dynamic-labs/types": "4.25.0",
+    "@dynamic-labs/utils": "4.25.0",
+    "@dynamic-labs/wallet-book": "4.25.0",
+    "@dynamic-labs/wallet-connector-core": "4.25.0",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/client/extension/hooks/useSyncVerifyResponseWithStorage/index.d.ts

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

package/src/lib/client/extension/hooks/useSyncVerifyResponseWithStorage/useSyncVerifyResponseWithStorage.cjs

@@ -0,0 +1,16 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var client$1 = require('@dynamic-labs-sdk/client');
+var client = require('../../../client.cjs');
+var setVerifyResponseToStorage = require('../../setVerifyResponseToStorage/setVerifyResponseToStorage.cjs');
+
+const useSyncVerifyResponseWithStorage = () => {
+    const client$2 = client.useDynamicClient();
+    React.useEffect(() => client$1.onEvent(client$2, 'authenticated', ({ verifyResponse }) => setVerifyResponseToStorage.setVerifyResponseToStorage(verifyResponse)), [client$2]);
+};
+
+exports.useSyncVerifyResponseWithStorage = useSyncVerifyResponseWithStorage;

package/src/lib/client/extension/hooks/useSyncVerifyResponseWithStorage/useSyncVerifyResponseWithStorage.d.ts

@@ -0,0 +1 @@
+export declare const useSyncVerifyResponseWithStorage: () => void;

package/src/lib/client/extension/hooks/useSyncVerifyResponseWithStorage/useSyncVerifyResponseWithStorage.js

@@ -0,0 +1,12 @@
+'use client'
+import { useEffect } from 'react';
+import { onEvent } from '@dynamic-labs-sdk/client';
+import { useDynamicClient } from '../../../client.js';
+import { setVerifyResponseToStorage } from '../../setVerifyResponseToStorage/setVerifyResponseToStorage.js';
+
+const useSyncVerifyResponseWithStorage = () => {
+    const client = useDynamicClient();
+    useEffect(() => onEvent(client, 'authenticated', ({ verifyResponse }) => setVerifyResponseToStorage(verifyResponse)), [client]);
+};
+
+export { useSyncVerifyResponseWithStorage };

package/src/lib/client/extension/index.d.ts

@@ -3,6 +3,8 @@ export { useClientInitStatus } from './hooks/useClientInitStatus';
 export { useInitializeSdkClient } from './hooks/useInitializeSdkClient';
 export { getApiHeaders } from './hooks/useInitializeSdkClient/getApiHeaders';
 export { useSyncProjectSettingsWithVanillaClient } from './hooks/useSyncProjectSettingsWithVanillaClient';
+export { useSyncVerifyResponseWithStorage } from './hooks/useSyncVerifyResponseWithStorage';
+export { setVerifyResponseToStorage } from './setVerifyResponseToStorage';
 export { storeTokenAndUser } from './storeTokenAndUser';
 export { convertSdkUserToUserProfile } from './user/convertSdkUserToUserProfile';
 export { getUserProfile } from './user/getUserProfile';

package/src/lib/client/extension/setVerifyResponseToStorage/index.d.ts

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

package/src/lib/client/extension/setVerifyResponseToStorage/setVerifyResponseToStorage.cjs

@@ -0,0 +1,57 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@dynamic-labs/utils');
+var projectSettings = require('../../../store/state/projectSettings/projectSettings.cjs');
+require('@dynamic-labs/sdk-api-core');
+var localStorage = require('../../../utils/constants/localStorage.cjs');
+require('../../../utils/constants/colors.cjs');
+var values = require('../../../utils/constants/values.cjs');
+require('../../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/multi-wallet');
+require('../../../shared/logger.cjs');
+require('react-international-phone');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../shared/consts/index.cjs');
+require('../../../store/state/nonce/nonce.cjs');
+var isCookieEnabled = require('../../../utils/functions/isCookieEnabled/isCookieEnabled.cjs');
+require('@dynamic-labs-sdk/client/core');
+require('@dynamic-labs-sdk/client');
+require('../../client.cjs');
+require('../../../events/dynamicEvents.cjs');
+require('../../../config/ApiEndpoint.cjs');
+require('../../../locale/locale.cjs');
+require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
+require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
+
+const setVerifyResponseToStorage = ({ expiresAt, jwt, minifiedJwt, }) => {
+    // expiresAt is always sent back by the backend, regardless of whether jwt/minifiedJwt are sent or not
+    if (expiresAt !== undefined) {
+        utils.StorageService.setItem(localStorage.AUTH_EXPIRES_AT, expiresAt);
+    }
+    if (jwt && minifiedJwt) {
+        utils.StorageService.setItem(localStorage.AUTH_TOKEN, jwt, {
+            priority: ['secureStorage', 'localStorage'],
+        });
+        utils.StorageService.setItem(localStorage.AUTH_MIN_TOKEN, minifiedJwt, {
+            priority: ['secureStorage', 'localStorage'],
+        });
+        const projectSettings$1 = projectSettings.getProjectSettings();
+        if (projectSettings$1 && isCookieEnabled.isCookieEnabled(projectSettings$1)) {
+            // if cookie is enabled, but the backend returns a JWT, then use JS to store the cookie
+            const expireDate = new Date(expiresAt * 1000).toUTCString();
+            const authCookie = `${values.DYNAMIC_AUTH_COOKIE_NAME}=${minifiedJwt}; expires=${expireDate}; path=/; SameSite=Lax`;
+            document.cookie = authCookie;
+        }
+    }
+};
+
+exports.setVerifyResponseToStorage = setVerifyResponseToStorage;

package/src/lib/client/extension/setVerifyResponseToStorage/setVerifyResponseToStorage.d.ts

@@ -0,0 +1,2 @@
+import { VerifyResponse } from '@dynamic-labs/sdk-api-core';
+export declare const setVerifyResponseToStorage: ({ expiresAt, jwt, minifiedJwt, }: VerifyResponse) => void;

package/src/lib/client/extension/setVerifyResponseToStorage/setVerifyResponseToStorage.js

@@ -0,0 +1,53 @@
+'use client'
+import { StorageService } from '@dynamic-labs/utils';
+import { getProjectSettings } from '../../../store/state/projectSettings/projectSettings.js';
+import '@dynamic-labs/sdk-api-core';
+import { AUTH_EXPIRES_AT, AUTH_TOKEN, AUTH_MIN_TOKEN } from '../../../utils/constants/localStorage.js';
+import '../../../utils/constants/colors.js';
+import { DYNAMIC_AUTH_COOKIE_NAME } from '../../../utils/constants/values.js';
+import '../../../../../_virtual/_tslib.js';
+import '@dynamic-labs/multi-wallet';
+import '../../../shared/logger.js';
+import 'react-international-phone';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../../shared/consts/index.js';
+import '../../../store/state/nonce/nonce.js';
+import { isCookieEnabled } from '../../../utils/functions/isCookieEnabled/isCookieEnabled.js';
+import '@dynamic-labs-sdk/client/core';
+import '@dynamic-labs-sdk/client';
+import '../../client.js';
+import '../../../events/dynamicEvents.js';
+import '../../../config/ApiEndpoint.js';
+import '../../../locale/locale.js';
+import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../store/state/primaryWalletId/primaryWalletId.js';
+import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
+
+const setVerifyResponseToStorage = ({ expiresAt, jwt, minifiedJwt, }) => {
+    // expiresAt is always sent back by the backend, regardless of whether jwt/minifiedJwt are sent or not
+    if (expiresAt !== undefined) {
+        StorageService.setItem(AUTH_EXPIRES_AT, expiresAt);
+    }
+    if (jwt && minifiedJwt) {
+        StorageService.setItem(AUTH_TOKEN, jwt, {
+            priority: ['secureStorage', 'localStorage'],
+        });
+        StorageService.setItem(AUTH_MIN_TOKEN, minifiedJwt, {
+            priority: ['secureStorage', 'localStorage'],
+        });
+        const projectSettings = getProjectSettings();
+        if (projectSettings && isCookieEnabled(projectSettings)) {
+            // if cookie is enabled, but the backend returns a JWT, then use JS to store the cookie
+            const expireDate = new Date(expiresAt * 1000).toUTCString();
+            const authCookie = `${DYNAMIC_AUTH_COOKIE_NAME}=${minifiedJwt}; expires=${expireDate}; path=/; SameSite=Lax`;
+            document.cookie = authCookie;
+        }
+    }
+};
+
+export { setVerifyResponseToStorage };

package/src/lib/client/extension/storeTokenAndUser/storeTokenAndUser.cjs

@@ -4,45 +4,24 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@dynamic-labs-sdk/client/core');
-var utils = require('@dynamic-labs/utils');
-var projectSettings = require('../../../store/state/projectSettings/projectSettings.cjs');
-var localStorage = require('../../../utils/constants/localStorage.cjs');
-var values = require('../../../utils/constants/values.cjs');
-var isCookieEnabled = require('../../../utils/functions/isCookieEnabled/isCookieEnabled.cjs');
 var client = require('../../client.cjs');
+var setVerifyResponseToStorage = require('../setVerifyResponseToStorage/setVerifyResponseToStorage.cjs');
 var convertSdkUserToUserProfile = require('../user/convertSdkUserToUserProfile/convertSdkUserToUserProfile.cjs');
 var raiseUserProfileEvent = require('../user/raiseUserProfileEvent/raiseUserProfileEvent.cjs');
 
-const storeTokenAndUser = ({ expiresAt, user, jwt, minifiedJwt, }) => {
-    // expiresAt is always sent back by the backend, regardless of whether jwt/minifiedJwt are sent or not
-    if (expiresAt !== undefined) {
-        utils.StorageService.setItem(localStorage.AUTH_EXPIRES_AT, expiresAt);
-    }
-    if (jwt && minifiedJwt) {
-        utils.StorageService.setItem(localStorage.AUTH_TOKEN, jwt, {
-            priority: ['secureStorage', 'localStorage'],
-        });
-        utils.StorageService.setItem(localStorage.AUTH_MIN_TOKEN, minifiedJwt, {
-            priority: ['secureStorage', 'localStorage'],
-        });
-        const projectSettings$1 = projectSettings.getProjectSettings();
-        if (projectSettings$1 && isCookieEnabled.isCookieEnabled(projectSettings$1)) {
-            // if cookie is enabled, but the backend returns a JWT, then use JS to store the cookie
-            const expireDate = new Date(expiresAt * 1000).toUTCString();
-            const authCookie = `${values.DYNAMIC_AUTH_COOKIE_NAME}=${minifiedJwt}; expires=${expireDate}; path=/; SameSite=Lax`;
-            document.cookie = authCookie;
-        }
-    }
+const storeTokenAndUser = (verifyResponse) => {
+    var _a;
+    setVerifyResponseToStorage.setVerifyResponseToStorage(verifyResponse);
     const { state } = core.getCore(client.getDynamicClient());
     const oldUser = state.get().user;
     state.set({
-        sessionExpiresAt: new Date(expiresAt * 1000),
-        token: minifiedJwt !== null && minifiedJwt !== void 0 ? minifiedJwt : null,
-        user: user,
+        sessionExpiresAt: new Date(verifyResponse.expiresAt * 1000),
+        token: (_a = verifyResponse.minifiedJwt) !== null && _a !== void 0 ? _a : null,
+        user: verifyResponse.user,
     });
-    if (user && oldUser)
-        raiseUserProfileEvent.raiseUserProfileEvent({ newUser: user, oldUser });
-    return convertSdkUserToUserProfile.convertSdkUserToUserProfile(user);
+    if (verifyResponse.user && oldUser)
+        raiseUserProfileEvent.raiseUserProfileEvent({ newUser: verifyResponse.user, oldUser });
+    return convertSdkUserToUserProfile.convertSdkUserToUserProfile(verifyResponse.user);
 };
 
 exports.storeTokenAndUser = storeTokenAndUser;

package/src/lib/client/extension/storeTokenAndUser/storeTokenAndUser.d.ts

@@ -1,2 +1,2 @@
 import { VerifyResponse } from '@dynamic-labs/sdk-api-core';
-export declare const storeTokenAndUser: ({ expiresAt, user, jwt, minifiedJwt, }: VerifyResponse) => import("dist/packages/types/src").UserProfile;
+export declare const storeTokenAndUser: (verifyResponse: VerifyResponse) => import("dist/packages/types/src").UserProfile;

package/src/lib/client/extension/storeTokenAndUser/storeTokenAndUser.js

@@ -1,44 +1,23 @@
 'use client'
 import { getCore } from '@dynamic-labs-sdk/client/core';
-import { StorageService } from '@dynamic-labs/utils';
-import { getProjectSettings } from '../../../store/state/projectSettings/projectSettings.js';
-import { AUTH_EXPIRES_AT, AUTH_TOKEN, AUTH_MIN_TOKEN } from '../../../utils/constants/localStorage.js';
-import { DYNAMIC_AUTH_COOKIE_NAME } from '../../../utils/constants/values.js';
-import { isCookieEnabled } from '../../../utils/functions/isCookieEnabled/isCookieEnabled.js';
 import { getDynamicClient } from '../../client.js';
+import { setVerifyResponseToStorage } from '../setVerifyResponseToStorage/setVerifyResponseToStorage.js';
 import { convertSdkUserToUserProfile } from '../user/convertSdkUserToUserProfile/convertSdkUserToUserProfile.js';
 import { raiseUserProfileEvent } from '../user/raiseUserProfileEvent/raiseUserProfileEvent.js';
 
-const storeTokenAndUser = ({ expiresAt, user, jwt, minifiedJwt, }) => {
-    // expiresAt is always sent back by the backend, regardless of whether jwt/minifiedJwt are sent or not
-    if (expiresAt !== undefined) {
-        StorageService.setItem(AUTH_EXPIRES_AT, expiresAt);
-    }
-    if (jwt && minifiedJwt) {
-        StorageService.setItem(AUTH_TOKEN, jwt, {
-            priority: ['secureStorage', 'localStorage'],
-        });
-        StorageService.setItem(AUTH_MIN_TOKEN, minifiedJwt, {
-            priority: ['secureStorage', 'localStorage'],
-        });
-        const projectSettings = getProjectSettings();
-        if (projectSettings && isCookieEnabled(projectSettings)) {
-            // if cookie is enabled, but the backend returns a JWT, then use JS to store the cookie
-            const expireDate = new Date(expiresAt * 1000).toUTCString();
-            const authCookie = `${DYNAMIC_AUTH_COOKIE_NAME}=${minifiedJwt}; expires=${expireDate}; path=/; SameSite=Lax`;
-            document.cookie = authCookie;
-        }
-    }
+const storeTokenAndUser = (verifyResponse) => {
+    var _a;
+    setVerifyResponseToStorage(verifyResponse);
     const { state } = getCore(getDynamicClient());
     const oldUser = state.get().user;
     state.set({
-        sessionExpiresAt: new Date(expiresAt * 1000),
-        token: minifiedJwt !== null && minifiedJwt !== void 0 ? minifiedJwt : null,
-        user: user,
+        sessionExpiresAt: new Date(verifyResponse.expiresAt * 1000),
+        token: (_a = verifyResponse.minifiedJwt) !== null && _a !== void 0 ? _a : null,
+        user: verifyResponse.user,
     });
-    if (user && oldUser)
-        raiseUserProfileEvent({ newUser: user, oldUser });
-    return convertSdkUserToUserProfile(user);
+    if (verifyResponse.user && oldUser)
+        raiseUserProfileEvent({ newUser: verifyResponse.user, oldUser });
+    return convertSdkUserToUserProfile(verifyResponse.user);
 };
 
 export { storeTokenAndUser };

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

@@ -40,6 +40,7 @@ var primaryWalletId = require('../../store/state/primaryWalletId/primaryWalletId
 var connectedWalletsInfo = require('../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 var getMissingChains = require('../../utils/functions/getMissingChains/getMissingChains.cjs');
 var useSyncProjectSettingsWithVanillaClient = require('../../client/extension/hooks/useSyncProjectSettingsWithVanillaClient/useSyncProjectSettingsWithVanillaClient.cjs');
+var useSyncVerifyResponseWithStorage = require('../../client/extension/hooks/useSyncVerifyResponseWithStorage/useSyncVerifyResponseWithStorage.cjs');
 var dynamicEvents = require('../../events/dynamicEvents.cjs');
 var useOnboardingCompleteUser = require('../../client/extension/user/useOnboardingCompleteUser/useOnboardingCompleteUser.cjs');
 var useUser = require('../../client/extension/user/useUser/useUser.cjs');
@@ -238,6 +239,7 @@ const InnerDynamicContextProvider = (props) => {
     const projectSettings$1 = projectSettings.useProjectSettings();
     // temporary sync project settings with vanilla SDK
     useSyncProjectSettingsWithVanillaClient.useSyncProjectSettingsWithVanillaClient();
+    useSyncVerifyResponseWithStorage.useSyncVerifyResponseWithStorage();
     const serverNetworkConfigurations = useNetworkConfigurationsFromProjectSettings.useNetworkConfigurationsFromProjectSettings({
         cosmosNetworkOverrides: (_b = settings$1.overrides) === null || _b === void 0 ? void 0 : _b.cosmosNetworks,
         evmNetworksOverrides: (_c = settings$1.overrides) === null || _c === void 0 ? void 0 : _c.evmNetworks,

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

@@ -36,6 +36,7 @@ import { usePrimaryWalletId } from '../../store/state/primaryWalletId/primaryWal
 import { resetConnectedWalletsInfo } from '../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import { getMissingChains } from '../../utils/functions/getMissingChains/getMissingChains.js';
 import { useSyncProjectSettingsWithVanillaClient } from '../../client/extension/hooks/useSyncProjectSettingsWithVanillaClient/useSyncProjectSettingsWithVanillaClient.js';
+import { useSyncVerifyResponseWithStorage } from '../../client/extension/hooks/useSyncVerifyResponseWithStorage/useSyncVerifyResponseWithStorage.js';
 import { dynamicEvents } from '../../events/dynamicEvents.js';
 import { useOnboardingCompleteUserProfile } from '../../client/extension/user/useOnboardingCompleteUser/useOnboardingCompleteUser.js';
 import { useUserProfile } from '../../client/extension/user/useUser/useUser.js';
@@ -234,6 +235,7 @@ const InnerDynamicContextProvider = (props) => {
     const projectSettings = useProjectSettings();
     // temporary sync project settings with vanilla SDK
     useSyncProjectSettingsWithVanillaClient();
+    useSyncVerifyResponseWithStorage();
     const serverNetworkConfigurations = useNetworkConfigurationsFromProjectSettings({
         cosmosNetworkOverrides: (_b = settings.overrides) === null || _b === void 0 ? void 0 : _b.cosmosNetworks,
         evmNetworksOverrides: (_c = settings.overrides) === null || _c === void 0 ? void 0 : _c.evmNetworks,

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

@@ -166,6 +166,10 @@ const useTieCallbacksToEvents = ({ clientCallbacks, user, }) => {
         var _a;
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onWalletTabSelected) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, props);
     });
+    useDynamicEvents.useInternalDynamicEvents('walletConnectionFailed', (walletConnector, error) => {
+        var _a;
+        (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onWalletConnectionFailed) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, walletConnector, error);
+    });
 };
 
 exports.useTieCallbacksToEvents = useTieCallbacksToEvents;

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

@@ -162,6 +162,10 @@ const useTieCallbacksToEvents = ({ clientCallbacks, user, }) => {
         var _a;
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onWalletTabSelected) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, props);
     });
+    useInternalDynamicEvents('walletConnectionFailed', (walletConnector, error) => {
+        var _a;
+        (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onWalletConnectionFailed) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, walletConnector, error);
+    });
 };
 
 export { useTieCallbacksToEvents };

package/src/lib/data/api/api.cjs

@@ -13,12 +13,10 @@ require('../../../../_virtual/_tslib.cjs');
 var getApiHeaders = require('../../client/extension/hooks/useInitializeSdkClient/getApiHeaders/getApiHeaders.cjs');
 require('../../events/dynamicEvents.cjs');
 var projectSettings = require('../../store/state/projectSettings/projectSettings.cjs');
+require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
-var isCookieEnabled = require('../../utils/functions/isCookieEnabled/isCookieEnabled.cjs');
-var ApiEndpoint = require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/multi-wallet');
 require('../../shared/logger.cjs');
-require('../../utils/constants/colors.cjs');
 var getMinAuthToken = require('../../utils/functions/getMinAuthToken/getMinAuthToken.cjs');
 require('react-international-phone');
 require('@dynamic-labs/iconic');
@@ -29,6 +27,8 @@ require('@dynamic-labs/wallet-book');
 require('../../shared/consts/index.cjs');
 require('../../store/state/nonce/nonce.cjs');
 var randomString = require('../../utils/functions/randomString/randomString.cjs');
+var isCookieEnabled = require('../../utils/functions/isCookieEnabled/isCookieEnabled.cjs');
+var ApiEndpoint = require('../../config/ApiEndpoint.cjs');
 require('../../locale/locale.cjs');
 require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../store/state/primaryWalletId/primaryWalletId.cjs');

package/src/lib/data/api/api.js

@@ -9,12 +9,10 @@ import '../../../../_virtual/_tslib.js';
 import { getApiHeaders } from '../../client/extension/hooks/useInitializeSdkClient/getApiHeaders/getApiHeaders.js';
 import '../../events/dynamicEvents.js';
 import { getProjectSettings } from '../../store/state/projectSettings/projectSettings.js';
+import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
-import { isCookieEnabled } from '../../utils/functions/isCookieEnabled/isCookieEnabled.js';
-import ApiEndpoint from '../../config/ApiEndpoint.js';
 import '@dynamic-labs/multi-wallet';
 import '../../shared/logger.js';
-import '../../utils/constants/colors.js';
 import { getMinAuthToken } from '../../utils/functions/getMinAuthToken/getMinAuthToken.js';
 import 'react-international-phone';
 import '@dynamic-labs/iconic';
@@ -25,6 +23,8 @@ import '@dynamic-labs/wallet-book';
 import '../../shared/consts/index.js';
 import '../../store/state/nonce/nonce.js';
 import { randomString } from '../../utils/functions/randomString/randomString.js';
+import { isCookieEnabled } from '../../utils/functions/isCookieEnabled/isCookieEnabled.js';
+import ApiEndpoint from '../../config/ApiEndpoint.js';
 import '../../locale/locale.js';
 import '../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../store/state/primaryWalletId/primaryWalletId.js';

package/src/lib/events/dynamicEvents.cjs

@@ -9,12 +9,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var EventEmitter__default = /*#__PURE__*/_interopDefaultLegacy(EventEmitter);
 
-// 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 = [
     'authFailure',

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

@@ -12,8 +12,10 @@ import { UserEvents } from './user';
 import { WalletEvents } from './wallets';
 /** Maps internal event names to their listeners */
 export type DynamicEvents = AuthEvents & UIEvents & OTPEvents & WalletEvents & PasskeyEvents & SocialEvents & EmbeddedWalletEvents & MultiWalletInternalEvents & TokenBalancesEvents & UserEvents & FundingEvents;
+type PublicDynamicEvents = Pick<DynamicEvents, typeof externalEvents[number]>;
 /** Which events are accessible by our clients */
 export declare const externalEvents: ("authFailure" | "authInit" | "logout" | "mfaCompletionSuccess" | "mfaCompletionFailure" | "authFlowOpen" | "authFlowClose" | "authFlowCancelled" | "walletTabSelected" | "emailVerificationResult" | "smsVerificationResult" | "walletAdded" | "walletRemoved" | "primaryWalletChanged" | "primaryWalletNetworkChanged" | "userWalletsChanged" | "walletConnectionFailed" | "embeddedWalletCreated" | "walletConnectedForFunding")[];
 export declare const dynamicEvents: EventEmitter<DynamicEvents, any>;
-export declare const publicDynamicEvents: EventEmitter<"authFailure" | "authInit" | "logout" | "mfaCompletionSuccess" | "mfaCompletionFailure" | "authFlowOpen" | "authFlowClose" | "authFlowCancelled" | "walletTabSelected" | "emailVerificationResult" | "smsVerificationResult" | "walletAdded" | "walletRemoved" | "primaryWalletChanged" | "primaryWalletNetworkChanged" | "userWalletsChanged" | "walletConnectionFailed" | "embeddedWalletCreated" | "walletConnectedForFunding", any>;
+export declare const publicDynamicEvents: EventEmitter<PublicDynamicEvents, any>;
 export type DynamicEventEmitter = typeof dynamicEvents;
+export {};

package/src/lib/events/dynamicEvents.js

@@ -1,12 +1,6 @@
 'use client'
 import EventEmitter from 'eventemitter3';
 
-// 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 = [
     'authFailure',

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

@@ -1,5 +1,6 @@
 import { JwtVerifiedCredential } from '@dynamic-labs/sdk-api-core';
 import { AuthEventPayload, OtpDestination, PhoneData, UserProfile } from '@dynamic-labs/types';
+import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { Wallet, WalletListViewTabItem } from './wallets';
 export type DynamicEventsCallbacks = {
     onSignedMessage?: (params: {
@@ -18,6 +19,7 @@ export type DynamicEventsCallbacks = {
     onEmbeddedWalletCreated?: OnEmbeddedWalletCreated;
     onWalletAdded?: OnWalletAdded;
     onWalletRemoved?: OnWalletRemoved;
+    onWalletConnectionFailed?: (walletConnector: WalletConnector, error: unknown) => void;
     /**
      * Informs an auth attempt failed.
      * In general triggered when an error occurs or when user cancels out.

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

@@ -29,12 +29,12 @@ require('@dynamic-labs-sdk/client/core');
 require('@dynamic-labs-sdk/client');
 require('../../../client/client.cjs');
 require('../../../store/state/projectSettings/projectSettings.cjs');
+var usingV3Wallets = require('../../functions/usingV3Wallets/usingV3Wallets.cjs');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../locale/locale.cjs');
 require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
-var usingV3Wallets = require('../../functions/usingV3Wallets/usingV3Wallets.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');

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

@@ -25,12 +25,12 @@ import '@dynamic-labs-sdk/client/core';
 import '@dynamic-labs-sdk/client';
 import '../../../client/client.js';
 import '../../../store/state/projectSettings/projectSettings.js';
+import { usingV3Wallets } from '../../functions/usingV3Wallets/usingV3Wallets.js';
 import '../../../config/ApiEndpoint.js';
 import '../../../locale/locale.js';
 import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
-import { usingV3Wallets } from '../../functions/usingV3Wallets/usingV3Wallets.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';

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

@@ -8,6 +8,7 @@ var React = require('react');
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 var types = require('@dynamic-labs/types');
 var utils = require('@dynamic-labs/utils');
+var CaptchaContext = require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/DynamicContext/DynamicContext.cjs');
 require('../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 var logger = require('../../../shared/logger.cjs');
@@ -20,7 +21,6 @@ require('../../constants/colors.cjs');
 require('../../constants/values.cjs');
 require('../../../shared/consts/index.cjs');
 var dynamicEvents = require('../../../events/dynamicEvents.cjs');
-require('../../../context/CaptchaContext/CaptchaContext.cjs');
 var ErrorContext = require('../../../context/ErrorContext/ErrorContext.cjs');
 var digestSHA256 = require('../../functions/digestSHA256/digestSHA256.cjs');
 var encodeBase64URL = require('../../functions/encodeBase64URL/encodeBase64URL.cjs');
@@ -133,6 +133,7 @@ const socialProviders = [
 const providersRequiringPkce = ['twitter', 'github'];
 // Hook to handle common social auth logic (for social linking and social sign in)
 const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
+    var _a;
     const { environmentId, setShowAuthFlow, socialSettings, projectSettings, redirectUrl: defaultRedirectUrl, } = useInternalDynamicContext.useInternalDynamicContext();
     /**
      * Represents if the SDK will use a popup or redirect for social auth
@@ -148,6 +149,7 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
     });
     const [isProcessing, setIsProcessing] = React.useState(false);
     const [error, setError] = React.useState();
+    const { engageCaptcha } = CaptchaContext.useCaptchaContext();
     const clearError = React.useCallback(() => {
         setError(undefined);
         setContextError(undefined);
@@ -204,7 +206,7 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
             verifyFunction: () => apiCall(),
         });
     }), [handleError, initAuth, onSettled]);
-    const completeConnection = React.useCallback((_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ authMode, provider, state, authCode, captchaToken, verifier, telegramAuthToken, forceCreateUser = false, }) {
+    const completeConnection = React.useCallback((_b) => _tslib.__awaiter(void 0, [_b], void 0, function* ({ authMode, provider, state, authCode, captchaToken, verifier, telegramAuthToken, forceCreateUser = false, }) {
         try {
             let sessionPublicKey = undefined;
             utils.tracing.logEvent('oauth', 'completeConnection', utils.tracing.formatObject({
@@ -277,7 +279,7 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
         shouldRegisterSessionKeysOnSignin,
         signInAccount,
     ]);
-    const connectWithFarcaster = React.useCallback((authMode_1, _b) => _tslib.__awaiter(void 0, [authMode_1, _b], void 0, function* (authMode, { captchaToken, redirectUrl }) {
+    const connectWithFarcaster = React.useCallback((authMode_1, _c) => _tslib.__awaiter(void 0, [authMode_1, _c], void 0, function* (authMode, { captchaToken, redirectUrl }) {
         let dynamicNonce;
         try {
             dynamicNonce = nonce.consumeNonce();
@@ -368,8 +370,8 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
         shouldRegisterSessionKeysOnSignin,
         signInAccount,
     ]);
-    const connectSocialAccount = React.useCallback((_c) => _tslib.__awaiter(void 0, [_c], void 0, function* ({ authMode, provider, validator, captchaToken, triggerFundFromExchangeOnSuccess, redirectUrl, telegramAuthToken, showWidgetAfterConnection, }) {
-        var _d, _e;
+    const connectSocialAccount = React.useCallback((_d) => _tslib.__awaiter(void 0, [_d], void 0, function* ({ authMode, provider, validator, captchaToken, triggerFundFromExchangeOnSuccess, redirectUrl, telegramAuthToken, showWidgetAfterConnection, }) {
+        var _e, _f;
         clearError();
         setIsProcessing(true);
         if (!authMode) {
@@ -406,7 +408,7 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
             state,
             triggerFundFromExchangeOnSuccess,
         });
-        const loginUrlString = getOauthLoginUrl.getOauthLoginUrl((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _d !== void 0 ? _d : [], provider);
+        const loginUrlString = getOauthLoginUrl.getOauthLoginUrl((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _e !== void 0 ? _e : [], provider);
         if (!loginUrlString) {
             handleError(provider, types.SocialOAuthErrorCode.NO_OAUTH_URL, `Failed to get login url to connect social account: ${provider}`, { raiseAuthFailure: authMode === 'signin' });
             return;
@@ -422,7 +424,7 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
         const isMobile = utils.isMobile();
         try {
             const authCode = yield utils.Oauth2Service.getOauthCode({
-                apiProvider: getProviderByType.getProviderByType((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _e !== void 0 ? _e : [], provider),
+                apiProvider: getProviderByType.getProviderByType((_f = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _f !== void 0 ? _f : [], provider),
                 getOAuthResultFromApi: () => oauth.getOAuthResult(environmentId, provider, {
                     state,
                 }),
@@ -476,10 +478,32 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
         projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers,
         strategy,
     ]);
+    const checkCaptchaAndConnect = React.useCallback((props) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _g;
+        if (!((_g = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.security.hCaptcha) === null || _g === void 0 ? void 0 : _g.enabled)) {
+            connectSocialAccount(props);
+            return;
+        }
+        // Make sure the auth flow is visible
+        // it would still be hidden in headless scenarios
+        setShowAuthFlow(true, {
+            initializeWalletConnect: false,
+            performMultiWalletChecks: false,
+        });
+        engageCaptcha({
+            authMethod: 'social',
+            onCaptchaSuccess: (captchaToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () { return connectSocialAccount(Object.assign(Object.assign({}, props), { captchaToken })); }),
+        });
+    }), [
+        setShowAuthFlow,
+        connectSocialAccount,
+        engageCaptcha,
+        (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.security.hCaptcha) === null || _a === void 0 ? void 0 : _a.enabled,
+    ]);
     return React.useMemo(() => ({
         checkValidProvider,
         completeConnection,
-        connectSocialAccount,
+        connectSocialAccount: checkCaptchaAndConnect,
         error,
         handleError,
         isProcessing,
@@ -488,7 +512,7 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
     }), [
         checkValidProvider,
         completeConnection,
-        connectSocialAccount,
+        checkCaptchaAndConnect,
         error,
         handleError,
         isProcessing,

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

@@ -29,7 +29,7 @@ export declare const useSocialAuth: ({ onSettled, onError, onFarcasterUrl, }: Us
         telegramAuthToken?: string | undefined;
         forceCreateUser?: boolean | undefined;
     }) => Promise<void>;
-    readonly connectSocialAccount: ({ authMode, provider, validator, captchaToken, triggerFundFromExchangeOnSuccess, redirectUrl, telegramAuthToken, showWidgetAfterConnection, }: ConnectSocialAccountProps) => Promise<void>;
+    readonly connectSocialAccount: (props: ConnectSocialAccountProps) => Promise<void>;
     readonly error: SocialOAuthError | undefined;
     readonly handleError: (provider: ProviderEnum | undefined, code: SocialOAuthErrorCode, message: string, options?: {
         raiseAuthFailure?: boolean | undefined;

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

@@ -4,6 +4,7 @@ import { useMemo, useState, useCallback } from 'react';
 import { ProviderEnum } from '@dynamic-labs/sdk-api-core';
 import { SocialOAuthErrorCode } from '@dynamic-labs/types';
 import { SocialAccountAlreadyExistsError, tracing, PlatformService, isMobile, Oauth2Service } from '@dynamic-labs/utils';
+import { useCaptchaContext } from '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/DynamicContext/DynamicContext.js';
 import '../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import { logger } from '../../../shared/logger.js';
@@ -16,7 +17,6 @@ import '../../constants/colors.js';
 import '../../constants/values.js';
 import '../../../shared/consts/index.js';
 import { dynamicEvents } from '../../../events/dynamicEvents.js';
-import '../../../context/CaptchaContext/CaptchaContext.js';
 import { useErrorContext } from '../../../context/ErrorContext/ErrorContext.js';
 import { digestSHA256 } from '../../functions/digestSHA256/digestSHA256.js';
 import { encodeBase64URL } from '../../functions/encodeBase64URL/encodeBase64URL.js';
@@ -129,6 +129,7 @@ const socialProviders = [
 const providersRequiringPkce = ['twitter', 'github'];
 // Hook to handle common social auth logic (for social linking and social sign in)
 const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
+    var _a;
     const { environmentId, setShowAuthFlow, socialSettings, projectSettings, redirectUrl: defaultRedirectUrl, } = useInternalDynamicContext();
     /**
      * Represents if the SDK will use a popup or redirect for social auth
@@ -144,6 +145,7 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
     });
     const [isProcessing, setIsProcessing] = useState(false);
     const [error, setError] = useState();
+    const { engageCaptcha } = useCaptchaContext();
     const clearError = useCallback(() => {
         setError(undefined);
         setContextError(undefined);
@@ -200,7 +202,7 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
             verifyFunction: () => apiCall(),
         });
     }), [handleError, initAuth$1, onSettled]);
-    const completeConnection = useCallback((_a) => __awaiter(void 0, [_a], void 0, function* ({ authMode, provider, state, authCode, captchaToken, verifier, telegramAuthToken, forceCreateUser = false, }) {
+    const completeConnection = useCallback((_b) => __awaiter(void 0, [_b], void 0, function* ({ authMode, provider, state, authCode, captchaToken, verifier, telegramAuthToken, forceCreateUser = false, }) {
         try {
             let sessionPublicKey = undefined;
             tracing.logEvent('oauth', 'completeConnection', tracing.formatObject({
@@ -273,7 +275,7 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
         shouldRegisterSessionKeysOnSignin,
         signInAccount,
     ]);
-    const connectWithFarcaster = useCallback((authMode_1, _b) => __awaiter(void 0, [authMode_1, _b], void 0, function* (authMode, { captchaToken, redirectUrl }) {
+    const connectWithFarcaster = useCallback((authMode_1, _c) => __awaiter(void 0, [authMode_1, _c], void 0, function* (authMode, { captchaToken, redirectUrl }) {
         let dynamicNonce;
         try {
             dynamicNonce = consumeNonce();
@@ -364,8 +366,8 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
         shouldRegisterSessionKeysOnSignin,
         signInAccount,
     ]);
-    const connectSocialAccount = useCallback((_c) => __awaiter(void 0, [_c], void 0, function* ({ authMode, provider, validator, captchaToken, triggerFundFromExchangeOnSuccess, redirectUrl, telegramAuthToken, showWidgetAfterConnection, }) {
-        var _d, _e;
+    const connectSocialAccount = useCallback((_d) => __awaiter(void 0, [_d], void 0, function* ({ authMode, provider, validator, captchaToken, triggerFundFromExchangeOnSuccess, redirectUrl, telegramAuthToken, showWidgetAfterConnection, }) {
+        var _e, _f;
         clearError();
         setIsProcessing(true);
         if (!authMode) {
@@ -402,7 +404,7 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
             state,
             triggerFundFromExchangeOnSuccess,
         });
-        const loginUrlString = getOauthLoginUrl((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _d !== void 0 ? _d : [], provider);
+        const loginUrlString = getOauthLoginUrl((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _e !== void 0 ? _e : [], provider);
         if (!loginUrlString) {
             handleError(provider, SocialOAuthErrorCode.NO_OAUTH_URL, `Failed to get login url to connect social account: ${provider}`, { raiseAuthFailure: authMode === 'signin' });
             return;
@@ -418,7 +420,7 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
         const isMobile$1 = isMobile();
         try {
             const authCode = yield Oauth2Service.getOauthCode({
-                apiProvider: getProviderByType((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _e !== void 0 ? _e : [], provider),
+                apiProvider: getProviderByType((_f = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _f !== void 0 ? _f : [], provider),
                 getOAuthResultFromApi: () => getOAuthResult(environmentId, provider, {
                     state,
                 }),
@@ -472,10 +474,32 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
         projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers,
         strategy,
     ]);
+    const checkCaptchaAndConnect = useCallback((props) => __awaiter(void 0, void 0, void 0, function* () {
+        var _g;
+        if (!((_g = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.security.hCaptcha) === null || _g === void 0 ? void 0 : _g.enabled)) {
+            connectSocialAccount(props);
+            return;
+        }
+        // Make sure the auth flow is visible
+        // it would still be hidden in headless scenarios
+        setShowAuthFlow(true, {
+            initializeWalletConnect: false,
+            performMultiWalletChecks: false,
+        });
+        engageCaptcha({
+            authMethod: 'social',
+            onCaptchaSuccess: (captchaToken) => __awaiter(void 0, void 0, void 0, function* () { return connectSocialAccount(Object.assign(Object.assign({}, props), { captchaToken })); }),
+        });
+    }), [
+        setShowAuthFlow,
+        connectSocialAccount,
+        engageCaptcha,
+        (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.security.hCaptcha) === null || _a === void 0 ? void 0 : _a.enabled,
+    ]);
     return useMemo(() => ({
         checkValidProvider,
         completeConnection,
-        connectSocialAccount,
+        connectSocialAccount: checkCaptchaAndConnect,
         error,
         handleError,
         isProcessing,
@@ -484,7 +508,7 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
     }), [
         checkValidProvider,
         completeConnection,
-        connectSocialAccount,
+        checkCaptchaAndConnect,
         error,
         handleError,
         isProcessing,

package/src/lib/views/EmbeddedReveal/utils/waasExport/waasExport.cjs

@@ -23,7 +23,10 @@ const handleExportInitCheck = ({ user, wallet, }) => {
         throw new utils.InvalidPrimaryWalletOrConnectorError();
     }
     const connector = wallet.connector;
-    const walletProperties = (_c = (_b = user.verifiedCredentials) === null || _b === void 0 ? void 0 : _b.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('dynamicwaas'))) === null || _c === void 0 ? void 0 : _c.walletProperties;
+    let walletProperties = (_c = (_b = user.verifiedCredentials) === null || _b === void 0 ? void 0 : _b.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('dynamicwaas'))) === null || _c === void 0 ? void 0 : _c.walletProperties;
+    if (walletProperties) {
+        walletProperties = Object.assign(Object.assign({}, walletProperties), { accountAddress: wallet.address });
+    }
     if (!walletProperties) {
         throw new utils.DynamicError('Invalid token!');
     }
@@ -38,7 +41,7 @@ const exportWaasCredential = (_a) => _tslib.__awaiter(void 0, [_a], void 0, func
         wallet,
     });
     yield connector.exportPrivateKey({
-        accountAddress: address || (walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.accountAddress),
+        accountAddress: address || walletProperties.accountAddress,
         displayContainer: iframeContainer,
     });
     return true;

package/src/lib/views/EmbeddedReveal/utils/waasExport/waasExport.js

@@ -19,7 +19,10 @@ const handleExportInitCheck = ({ user, wallet, }) => {
         throw new InvalidPrimaryWalletOrConnectorError();
     }
     const connector = wallet.connector;
-    const walletProperties = (_c = (_b = user.verifiedCredentials) === null || _b === void 0 ? void 0 : _b.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('dynamicwaas'))) === null || _c === void 0 ? void 0 : _c.walletProperties;
+    let walletProperties = (_c = (_b = user.verifiedCredentials) === null || _b === void 0 ? void 0 : _b.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('dynamicwaas'))) === null || _c === void 0 ? void 0 : _c.walletProperties;
+    if (walletProperties) {
+        walletProperties = Object.assign(Object.assign({}, walletProperties), { accountAddress: wallet.address });
+    }
     if (!walletProperties) {
         throw new DynamicError('Invalid token!');
     }
@@ -34,7 +37,7 @@ const exportWaasCredential = (_a) => __awaiter(void 0, [_a], void 0, function* (
         wallet,
     });
     yield connector.exportPrivateKey({
-        accountAddress: address || (walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.accountAddress),
+        accountAddress: address || walletProperties.accountAddress,
         displayContainer: iframeContainer,
     });
     return true;

package/src/lib/views/LoginView/sections/SocialSignInSection/DynamicSocialSignIn/DynamicSocialSignIn.cjs

@@ -3,7 +3,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../../../../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 require('@dynamic-labs/utils');
@@ -12,6 +11,7 @@ require('react-i18next');
 require('react');
 require('@dynamic-labs/iconic');
 var ViewContext = require('../../../../../context/ViewContext/ViewContext.cjs');
+require('../../../../../../../_virtual/_tslib.cjs');
 require('../../../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/wallet-book');
@@ -24,7 +24,7 @@ require('../../../../../context/DynamicContext/DynamicContext.cjs');
 require('../../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('../../../../../store/state/authMode/authMode.cjs');
 var useInternalDynamicContext = require('../../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
-var CaptchaContext = require('../../../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
@@ -104,10 +104,9 @@ require('../../../../../components/Popper/PopperContext/PopperContext.cjs');
 var SocialSignIn = require('../../../../../components/SocialSignIn/SocialSignIn.cjs');
 
 const DynamicSocialSignIn = ({ defaultProvider, numOfItemsToDisplay, collapsedLayout, }) => {
-    const { setShowAuthFlow, projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { setSocialProvider, socialProvider, enabledSocialProviders } = SocialRedirectContext.useSocialRedirectContext();
     const { pushView, clearStackAndPushInitialView } = ViewContext.useViewContext();
-    const { engageCaptcha } = CaptchaContext.useCaptchaContext();
     const { isProcessing, connectSocialAccount } = useSocialAuth.useSocialAuth({
         onError: () => {
             clearStackAndPushInitialView();
@@ -130,26 +129,8 @@ const DynamicSocialSignIn = ({ defaultProvider, numOfItemsToDisplay, collapsedLa
         },
     });
     const onSelectProvider = (provider) => {
-        var _a;
         const providerEnum = getProviderEnumForSocialSignInProvider.getProviderEnumForSocialSignInProvider(provider);
         setSocialProvider(provider);
-        // Captcha Enabled
-        if ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.security.hCaptcha) === null || _a === void 0 ? void 0 : _a.enabled) {
-            engageCaptcha({
-                authMethod: 'social',
-                onCaptchaSuccess: (captchaToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-                    pushView('social-redirect-view');
-                    setShowAuthFlow(true);
-                    connectSocialAccount({
-                        authMode: 'signin',
-                        captchaToken,
-                        provider: providerEnum,
-                    });
-                }),
-            });
-            return;
-        }
-        // No Captcha enabled
         pushView('social-redirect-view');
         setShowAuthFlow(true);
         connectSocialAccount({

package/src/lib/views/LoginView/sections/SocialSignInSection/DynamicSocialSignIn/DynamicSocialSignIn.js

@@ -1,5 +1,4 @@
 'use client'
-import { __awaiter } from '../../../../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { ProviderEnum } from '@dynamic-labs/sdk-api-core';
 import '@dynamic-labs/utils';
@@ -8,6 +7,7 @@ import 'react-i18next';
 import 'react';
 import '@dynamic-labs/iconic';
 import { useViewContext } from '../../../../../context/ViewContext/ViewContext.js';
+import '../../../../../../../_virtual/_tslib.js';
 import '../../../../../shared/logger.js';
 import '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/wallet-book';
@@ -20,7 +20,7 @@ import '../../../../../context/DynamicContext/DynamicContext.js';
 import '../../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '../../../../../store/state/authMode/authMode.js';
 import { useInternalDynamicContext } from '../../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
-import { useCaptchaContext } from '../../../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
@@ -100,10 +100,9 @@ import '../../../../../components/Popper/PopperContext/PopperContext.js';
 import { SocialSignIn } from '../../../../../components/SocialSignIn/SocialSignIn.js';
 
 const DynamicSocialSignIn = ({ defaultProvider, numOfItemsToDisplay, collapsedLayout, }) => {
-    const { setShowAuthFlow, projectSettings } = useInternalDynamicContext();
+    const { setShowAuthFlow } = useInternalDynamicContext();
     const { setSocialProvider, socialProvider, enabledSocialProviders } = useSocialRedirectContext();
     const { pushView, clearStackAndPushInitialView } = useViewContext();
-    const { engageCaptcha } = useCaptchaContext();
     const { isProcessing, connectSocialAccount } = useSocialAuth({
         onError: () => {
             clearStackAndPushInitialView();
@@ -126,26 +125,8 @@ const DynamicSocialSignIn = ({ defaultProvider, numOfItemsToDisplay, collapsedLa
         },
     });
     const onSelectProvider = (provider) => {
-        var _a;
         const providerEnum = getProviderEnumForSocialSignInProvider(provider);
         setSocialProvider(provider);
-        // Captcha Enabled
-        if ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.security.hCaptcha) === null || _a === void 0 ? void 0 : _a.enabled) {
-            engageCaptcha({
-                authMethod: 'social',
-                onCaptchaSuccess: (captchaToken) => __awaiter(void 0, void 0, void 0, function* () {
-                    pushView('social-redirect-view');
-                    setShowAuthFlow(true);
-                    connectSocialAccount({
-                        authMode: 'signin',
-                        captchaToken,
-                        provider: providerEnum,
-                    });
-                }),
-            });
-            return;
-        }
-        // No Captcha enabled
         pushView('social-redirect-view');
         setShowAuthFlow(true);
         connectSocialAccount({