@dynamic-labs/sdk-react-core 4.20.14 → 4.20.16

package/CHANGELOG.md

@@ -1,4 +1,18 @@
 
+### [4.20.16](https://github.com/dynamic-labs/dynamic-auth/compare/v4.20.15...v4.20.16) (2025-07-03)
+
+
+### Bug Fixes
+
+* remove metamask in-app-browser default ([#9086](https://github.com/dynamic-labs/dynamic-auth/issues/9086)) ([f3170d6](https://github.com/dynamic-labs/dynamic-auth/commit/f3170d6a6de251f8d9f6585fbc1bac916aa892a2))
+
+### [4.20.15](https://github.com/dynamic-labs/dynamic-auth/compare/v4.20.14...v4.20.15) (2025-07-03)
+
+
+### Bug Fixes
+
+* triggering waas wallet creation attempt on logout ([#9083](https://github.com/dynamic-labs/dynamic-auth/issues/9083)) ([19a66f7](https://github.com/dynamic-labs/dynamic-auth/commit/19a66f7e49d4bd95725131f81eab9eeed2dc1b27))
+
 ### [4.20.14](https://github.com/dynamic-labs/dynamic-auth/compare/v4.20.13...v4.20.14) (2025-07-03)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.20.14";
+var version = "4.20.16";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.704",
 	"@dynamic-labs-sdk/client": "0.0.1-alpha.7",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "4.20.14";
+var version = "4.20.16";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.704",
 	"@dynamic-labs-sdk/client": "0.0.1-alpha.7",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.20.14",
+  "version": "4.20.16",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.704",
     "@dynamic-labs-sdk/client": "0.0.1-alpha.7",
@@ -15,16 +15,16 @@
     "yup": "0.32.11",
     "react-international-phone": "4.5.0",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.20.14",
-    "@dynamic-labs/iconic": "4.20.14",
-    "@dynamic-labs/logger": "4.20.14",
-    "@dynamic-labs/multi-wallet": "4.20.14",
-    "@dynamic-labs/rpc-providers": "4.20.14",
-    "@dynamic-labs/store": "4.20.14",
-    "@dynamic-labs/types": "4.20.14",
-    "@dynamic-labs/utils": "4.20.14",
-    "@dynamic-labs/wallet-book": "4.20.14",
-    "@dynamic-labs/wallet-connector-core": "4.20.14",
+    "@dynamic-labs/assert-package-version": "4.20.16",
+    "@dynamic-labs/iconic": "4.20.16",
+    "@dynamic-labs/logger": "4.20.16",
+    "@dynamic-labs/multi-wallet": "4.20.16",
+    "@dynamic-labs/rpc-providers": "4.20.16",
+    "@dynamic-labs/store": "4.20.16",
+    "@dynamic-labs/types": "4.20.16",
+    "@dynamic-labs/utils": "4.20.16",
+    "@dynamic-labs/wallet-book": "4.20.16",
+    "@dynamic-labs/wallet-connector-core": "4.20.16",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -162,6 +162,9 @@ var useSyncMfaFlow = require('./lib/utils/hooks/useSyncMfaFlow/useSyncMfaFlow.cj
 var useTelegramLogin = require('./lib/utils/hooks/useTelegramLogin/useTelegramLogin.cjs');
 var useUpgradeEmbeddedWallet = require('./lib/utils/hooks/useUpgradeEmbeddedWallet/useUpgradeEmbeddedWallet.cjs');
 var useDeleteUserAccount = require('./lib/utils/hooks/useDeleteUserAccount/useDeleteUserAccount.cjs');
+var useGetPasskeys = require('./lib/utils/hooks/useGetPasskeys/useGetPasskeys.cjs');
+var useRegisterPasskey = require('./lib/utils/hooks/useRegisterPasskey/useRegisterPasskey.cjs');
+var useAuthenticatePasskeyMFA = require('./lib/utils/hooks/useAuthenticatePasskeyMFA/useAuthenticatePasskeyMFA.cjs');
 var DynamicConnectButton = require('./lib/components/DynamicConnectButton/DynamicConnectButton.cjs');
 require('./lib/components/InlineWidget/InlineWidget.cjs');
 var IsBrowser = require('./lib/components/IsBrowser/IsBrowser.cjs');
@@ -294,6 +297,9 @@ exports.useSyncMfaFlow = useSyncMfaFlow.useSyncMfaFlow;
 exports.useTelegramLogin = useTelegramLogin.useTelegramLogin;
 exports.useUpgradeEmbeddedWallet = useUpgradeEmbeddedWallet.useUpgradeEmbeddedWallet;
 exports.useDeleteUserAccount = useDeleteUserAccount.useDeleteUserAccount;
+exports.useGetPasskeys = useGetPasskeys.useGetPasskeys;
+exports.useRegisterPasskey = useRegisterPasskey.useRegisterPasskey;
+exports.useAuthenticatePasskeyMFA = useAuthenticatePasskeyMFA.useAuthenticatePasskeyMFA;
 exports.DynamicConnectButton = DynamicConnectButton.DynamicConnectButton;
 exports.IsBrowser = IsBrowser.IsBrowser;
 exports.DynamicBridgeWidget = DynamicBridgeWidget.DynamicBridgeWidget;

package/src/index.d.ts

@@ -115,7 +115,7 @@ export { useProjectSettings } from './lib/store/state/projectSettings';
 export { 
 /** @deprecated */
 DynamicWidgetContextProvider, } from './lib/widgets/DynamicWidget/context';
-export { useWalletItemActions, useAuthenticateConnectedUser, useSocialAccounts, useEmbeddedWallet, useEmbeddedWalletAuthenticator, usePasskeyRecovery, useEmbeddedReveal, useIsLoggedIn, useDynamicModals, useMfa, useTokenBalances, useSwitchWallet, useRpcProviders, useRefreshUser, useWalletOptions, useSmartWallets, EmbeddedWalletVersion, useTelegramLogin, useUpgradeEmbeddedWallet, useEVMTransactionSimulation, useSVMTransactionSimulation, useDeleteUserAccount, useDynamicWaas, } from './lib/utils/hooks';
+export { useWalletItemActions, useAuthenticateConnectedUser, useSocialAccounts, useEmbeddedWallet, useEmbeddedWalletAuthenticator, usePasskeyRecovery, useEmbeddedReveal, useIsLoggedIn, useDynamicModals, useMfa, useTokenBalances, useSwitchWallet, useRpcProviders, useRefreshUser, useWalletOptions, useSmartWallets, EmbeddedWalletVersion, useTelegramLogin, useUpgradeEmbeddedWallet, useEVMTransactionSimulation, useSVMTransactionSimulation, useDeleteUserAccount, useDynamicWaas, useGetPasskeys, useRegisterPasskey, useAuthenticatePasskeyMFA, } from './lib/utils/hooks';
 export { 
 /** @deprecated use useOnramp instead */
 useFunding, } from './lib/utils/hooks/useFunding';

package/src/index.js

@@ -158,6 +158,9 @@ export { useSyncMfaFlow } from './lib/utils/hooks/useSyncMfaFlow/useSyncMfaFlow.
 export { useTelegramLogin } from './lib/utils/hooks/useTelegramLogin/useTelegramLogin.js';
 export { useUpgradeEmbeddedWallet } from './lib/utils/hooks/useUpgradeEmbeddedWallet/useUpgradeEmbeddedWallet.js';
 export { useDeleteUserAccount } from './lib/utils/hooks/useDeleteUserAccount/useDeleteUserAccount.js';
+export { useGetPasskeys } from './lib/utils/hooks/useGetPasskeys/useGetPasskeys.js';
+export { useRegisterPasskey } from './lib/utils/hooks/useRegisterPasskey/useRegisterPasskey.js';
+export { useAuthenticatePasskeyMFA } from './lib/utils/hooks/useAuthenticatePasskeyMFA/useAuthenticatePasskeyMFA.js';
 export { DynamicConnectButton } from './lib/components/DynamicConnectButton/DynamicConnectButton.js';
 import './lib/components/InlineWidget/InlineWidget.js';
 export { IsBrowser } from './lib/components/IsBrowser/IsBrowser.js';

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

@@ -81,3 +81,6 @@ export { useConnectExchangeForFunding } from './useConnectExchangeForFunding';
 export { useClientSessionKeys } from './useClientSessionKeys';
 export { usePromptAmountAndFundWithExchange } from './usePromptAndFundWithExchange';
 export { useSubmitExchangeFunding } from './useSubmitExchangeFunding';
+export { useGetPasskeys } from './useGetPasskeys';
+export { useRegisterPasskey } from './useRegisterPasskey';
+export { useAuthenticatePasskeyMFA } from './useAuthenticatePasskeyMFA';

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

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

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

@@ -0,0 +1,41 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+var client$1 = require('@dynamic-labs-sdk/client');
+var client = require('../../../client/client.cjs');
+
+/**
+ * Authenticate passkey for MFA
+ *
+ * @returns Function to authenticate with a passkey for MFA
+ *
+ * @example
+ * ```tsx
+ * const App = () => {
+ *   const authenticatePasskeyMFA = useAuthenticatePasskeyMFA();
+ *
+ *   // Optional: creates a single-use MFA token
+ *   const createMfaToken = { singleUse: true };
+ *
+ *   return (
+ *     <button
+ *       onClick={() => authenticatePasskeyMFA({ createMfaToken })}
+ *     >
+ *       Authenticate passkey
+ *     </button>
+ *  );
+ * }
+ */
+const useAuthenticatePasskeyMFA = () => {
+    const client$2 = client.useDynamicClient();
+    return React.useCallback((props) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const result = yield client$1.authenticatePasskeyMFA(client$2, props);
+        return result.mfaToken;
+    }), [client$2]);
+};
+
+exports.useAuthenticatePasskeyMFA = useAuthenticatePasskeyMFA;

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

@@ -0,0 +1,28 @@
+import { CreateMfaToken } from '@dynamic-labs/sdk-api-core';
+type UseAuthenticatePasskeyMFAProps = {
+    createMfaToken?: CreateMfaToken;
+};
+/**
+ * Authenticate passkey for MFA
+ *
+ * @returns Function to authenticate with a passkey for MFA
+ *
+ * @example
+ * ```tsx
+ * const App = () => {
+ *   const authenticatePasskeyMFA = useAuthenticatePasskeyMFA();
+ *
+ *   // Optional: creates a single-use MFA token
+ *   const createMfaToken = { singleUse: true };
+ *
+ *   return (
+ *     <button
+ *       onClick={() => authenticatePasskeyMFA({ createMfaToken })}
+ *     >
+ *       Authenticate passkey
+ *     </button>
+ *  );
+ * }
+ */
+export declare const useAuthenticatePasskeyMFA: () => ((props?: UseAuthenticatePasskeyMFAProps) => Promise<string | undefined>);
+export {};

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

@@ -0,0 +1,37 @@
+'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useCallback } from 'react';
+import { authenticatePasskeyMFA } from '@dynamic-labs-sdk/client';
+import { useDynamicClient } from '../../../client/client.js';
+
+/**
+ * Authenticate passkey for MFA
+ *
+ * @returns Function to authenticate with a passkey for MFA
+ *
+ * @example
+ * ```tsx
+ * const App = () => {
+ *   const authenticatePasskeyMFA = useAuthenticatePasskeyMFA();
+ *
+ *   // Optional: creates a single-use MFA token
+ *   const createMfaToken = { singleUse: true };
+ *
+ *   return (
+ *     <button
+ *       onClick={() => authenticatePasskeyMFA({ createMfaToken })}
+ *     >
+ *       Authenticate passkey
+ *     </button>
+ *  );
+ * }
+ */
+const useAuthenticatePasskeyMFA = () => {
+    const client = useDynamicClient();
+    return useCallback((props) => __awaiter(void 0, void 0, void 0, function* () {
+        const result = yield authenticatePasskeyMFA(client, props);
+        return result.mfaToken;
+    }), [client]);
+};
+
+export { useAuthenticatePasskeyMFA };

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

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

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

@@ -0,0 +1,39 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+var client$1 = require('@dynamic-labs-sdk/client');
+var client = require('../../../client/client.cjs');
+
+/**
+ * Get passkeys
+ *
+ * @returns Function to get passkeys for the current user
+ *
+ * @example
+ * ```tsx
+ * const App = () => {
+ *   const getPasskeys = useGetPasskeys();
+ *   const [passkeys, setPasskeys] = useState<UserPasskey[]>([]);
+ *
+ *   return (
+ *     <button
+ *       onClick={async () => {
+ *         const passkeys = await getPasskeys();
+ *         setPasskeys(passkeys);
+ *       }}
+ *     >
+ *       Get passkeys
+ *     </button>
+ *  );
+ * }
+ */
+const useGetPasskeys = () => {
+    const client$2 = client.useDynamicClient();
+    return React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () { return client$1.getPasskeys(client$2); }), [client$2]);
+};
+
+exports.useGetPasskeys = useGetPasskeys;

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

@@ -0,0 +1,25 @@
+import { UserPasskey } from '@dynamic-labs/sdk-api-core';
+/**
+ * Get passkeys
+ *
+ * @returns Function to get passkeys for the current user
+ *
+ * @example
+ * ```tsx
+ * const App = () => {
+ *   const getPasskeys = useGetPasskeys();
+ *   const [passkeys, setPasskeys] = useState<UserPasskey[]>([]);
+ *
+ *   return (
+ *     <button
+ *       onClick={async () => {
+ *         const passkeys = await getPasskeys();
+ *         setPasskeys(passkeys);
+ *       }}
+ *     >
+ *       Get passkeys
+ *     </button>
+ *  );
+ * }
+ */
+export declare const useGetPasskeys: () => (() => Promise<UserPasskey[]>);

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

@@ -0,0 +1,35 @@
+'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useCallback } from 'react';
+import { getPasskeys } from '@dynamic-labs-sdk/client';
+import { useDynamicClient } from '../../../client/client.js';
+
+/**
+ * Get passkeys
+ *
+ * @returns Function to get passkeys for the current user
+ *
+ * @example
+ * ```tsx
+ * const App = () => {
+ *   const getPasskeys = useGetPasskeys();
+ *   const [passkeys, setPasskeys] = useState<UserPasskey[]>([]);
+ *
+ *   return (
+ *     <button
+ *       onClick={async () => {
+ *         const passkeys = await getPasskeys();
+ *         setPasskeys(passkeys);
+ *       }}
+ *     >
+ *       Get passkeys
+ *     </button>
+ *  );
+ * }
+ */
+const useGetPasskeys = () => {
+    const client = useDynamicClient();
+    return useCallback(() => __awaiter(void 0, void 0, void 0, function* () { return getPasskeys(client); }), [client]);
+};
+
+export { useGetPasskeys };

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

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

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

@@ -0,0 +1,35 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+var client$1 = require('@dynamic-labs-sdk/client');
+var client = require('../../../client/client.cjs');
+
+/**
+ * Register passkey
+ *
+ * @returns Function to register passkey
+ *
+ * @example
+ * ```tsx
+ * const App = () => {
+ *   const registerPasskey = useRegisterPasskey();
+ *
+ *   return (
+ *     <button
+ *       onClick={() => registerPasskey()}
+ *     >
+ *       Register passkey
+ *     </button>
+ *  );
+ * }
+ */
+const useRegisterPasskey = () => {
+    const client$2 = client.useDynamicClient();
+    return React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () { return client$1.registerPasskey(client$2); }), [client$2]);
+};
+
+exports.useRegisterPasskey = useRegisterPasskey;

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

@@ -0,0 +1,21 @@
+import { UserPasskey } from '@dynamic-labs/sdk-api-core';
+/**
+ * Register passkey
+ *
+ * @returns Function to register passkey
+ *
+ * @example
+ * ```tsx
+ * const App = () => {
+ *   const registerPasskey = useRegisterPasskey();
+ *
+ *   return (
+ *     <button
+ *       onClick={() => registerPasskey()}
+ *     >
+ *       Register passkey
+ *     </button>
+ *  );
+ * }
+ */
+export declare const useRegisterPasskey: () => (() => Promise<UserPasskey>);

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

@@ -0,0 +1,31 @@
+'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useCallback } from 'react';
+import { registerPasskey } from '@dynamic-labs-sdk/client';
+import { useDynamicClient } from '../../../client/client.js';
+
+/**
+ * Register passkey
+ *
+ * @returns Function to register passkey
+ *
+ * @example
+ * ```tsx
+ * const App = () => {
+ *   const registerPasskey = useRegisterPasskey();
+ *
+ *   return (
+ *     <button
+ *       onClick={() => registerPasskey()}
+ *     >
+ *       Register passkey
+ *     </button>
+ *  );
+ * }
+ */
+const useRegisterPasskey = () => {
+    const client = useDynamicClient();
+    return useCallback(() => __awaiter(void 0, void 0, void 0, function* () { return registerPasskey(client); }), [client]);
+};
+
+export { useRegisterPasskey };

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
+var client = require('../../../client/client.cjs');
 require('@dynamic-labs-sdk/client');
-require('../../../client/client.cjs');
 require('@dynamic-labs-sdk/client/core');
 require('@dynamic-labs/utils');
 var projectSettings = require('../../../store/state/projectSettings/projectSettings.cjs');
@@ -117,6 +117,11 @@ const useSyncDynamicWaas = () => {
     // this is used to trigger createWalletAccount
     // ** It must be an useEffect because some of the dependencies are async
     React.useEffect(() => {
+        // Explanation: if the user just logged out, the user from the hook might still be set
+        // but the client will be null.
+        // And if the user is not onboarding complete yet, the hook won't be set even though the client.user is set.
+        // This is why we check for the user AND the client.user.
+        const hasUser = Boolean(user && client.getDynamicClient().user);
         const syncDynamicWaas = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
             try {
                 triggeredCreate.current = true;
@@ -135,7 +140,7 @@ const useSyncDynamicWaas = () => {
             needsAutoCreateWalletChains.length > 0 &&
             !triggeredCreate.current;
         if (!shouldSyncCreateWallet ||
-            !user ||
+            !hasUser ||
             !projectSettings$1 ||
             !walletConnectorOptions.length || // no connectors to use for the embedded wallet
             globalLoading // this will be true if auth is in progress

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

@@ -1,8 +1,8 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useRef, useEffect } from 'react';
+import { getDynamicClient } from '../../../client/client.js';
 import '@dynamic-labs-sdk/client';
-import '../../../client/client.js';
 import '@dynamic-labs-sdk/client/core';
 import '@dynamic-labs/utils';
 import { useProjectSettings } from '../../../store/state/projectSettings/projectSettings.js';
@@ -113,6 +113,11 @@ const useSyncDynamicWaas = () => {
     // this is used to trigger createWalletAccount
     // ** It must be an useEffect because some of the dependencies are async
     useEffect(() => {
+        // Explanation: if the user just logged out, the user from the hook might still be set
+        // but the client will be null.
+        // And if the user is not onboarding complete yet, the hook won't be set even though the client.user is set.
+        // This is why we check for the user AND the client.user.
+        const hasUser = Boolean(user && getDynamicClient().user);
         const syncDynamicWaas = () => __awaiter(void 0, void 0, void 0, function* () {
             try {
                 triggeredCreate.current = true;
@@ -131,7 +136,7 @@ const useSyncDynamicWaas = () => {
             needsAutoCreateWalletChains.length > 0 &&
             !triggeredCreate.current;
         if (!shouldSyncCreateWallet ||
-            !user ||
+            !hasUser ||
             !projectSettings ||
             !walletConnectorOptions.length || // no connectors to use for the embedded wallet
             globalLoading // this will be true if auth is in progress