@dynamic-labs/sdk-react-core 2.1.0-alpha.16 → 2.1.0-alpha.18

package/CHANGELOG.md

@@ -1,4 +1,13 @@
 
+## [2.1.0-alpha.18](https://github.com/dynamic-labs/DynamicAuth/compare/v2.1.0-alpha.17...v2.1.0-alpha.18) (2024-05-15)
+
+## [2.1.0-alpha.17](https://github.com/dynamic-labs/DynamicAuth/compare/v2.1.0-alpha.16...v2.1.0-alpha.17) (2024-05-15)
+
+
+### Features
+
+* add coinbaseWalletPreference prop ([#5607](https://github.com/dynamic-labs/DynamicAuth/issues/5607)) ([1ac3b2c](https://github.com/dynamic-labs/DynamicAuth/commit/1ac3b2ce7abb136465f4aa88b045dfb70d99aad7))
+
 ## [2.1.0-alpha.16](https://github.com/dynamic-labs/DynamicAuth/compare/v2.1.0-alpha.15...v2.1.0-alpha.16) (2024-05-14)
 
 

package/package.cjs

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

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "2.1.0-alpha.16";
+var version = "2.1.0-alpha.18";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.433",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

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

package/src/lib/components/SyncEmbeddedWalletAuthFlow/SyncEmbeddedWalletAuthFlow.cjs

@@ -13,21 +13,18 @@ require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
-var localStorage$1 = require('../../utils/constants/localStorage.cjs');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
-var localStorage = require('../../shared/utils/classes/storage/localStorage.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
 require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
-require('../../events/dynamicEvents.cjs');
+var useDynamicEvents = require('../../utils/hooks/events/useDynamicEvents/useDynamicEvents.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
-var isTurnkeyEnabled = require('../../utils/functions/isTurnkeyEnabled/isTurnkeyEnabled.cjs');
 require('viem');
 require('viem/chains');
-var isCoinbaseWaasEnabled = require('../../utils/functions/isCoinbaseWaasEnabled/isCoinbaseWaasEnabled.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('../../locale/locale.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
@@ -35,11 +32,12 @@ require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
+require('../../events/dynamicEvents.cjs');
 var useEmbeddedWallet = require('../../utils/hooks/useEmbeddedWallet/useEmbeddedWallet.cjs');
 var WalletContext = require('../../context/WalletContext/WalletContext.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
-require('../../context/LoadingContext/LoadingContext.cjs');
+var LoadingContext = require('../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../context/MockContext/MockContext.cjs');
 require('react-i18next');
@@ -81,15 +79,17 @@ var useInternalDynamicContext = require('../../context/DynamicContext/useDynamic
 const SyncEmbeddedWalletAuthFlow = () => {
     const { projectSettings, isProjectSettingsLoading, user, primaryWalletId, walletConnectorOptions, } = useInternalDynamicContext.useInternalDynamicContext();
     const { isLoadingEmbeddedWallet } = WalletContext.useWalletContext();
-    const lastUsedWallet = localStorage.LocalStorage.getFromLS(localStorage$1.LAST_USED_WALLET);
-    const { createEmbeddedWallet } = useEmbeddedWallet.useEmbeddedWallet();
+    const { loading: globalLoading } = LoadingContext.useLoadingContext();
+    const { createEmbeddedWallet, shouldAutoCreateEmbeddedWallet } = useEmbeddedWallet.useEmbeddedWallet();
     const triggeredCreate = React.useRef(false);
+    useDynamicEvents.useInternalDynamicEvents('logout', () => {
+        triggeredCreate.current = false;
+    });
     // this is used to trigger createEmbeddedWallet
-    // when user didn't create a passkey after login and refresh page to skip it
+    // when user didn't create a passkey after login,
     // we force them to created it before they can use the app
     // ** It must be an useEffect because some of the dependencies are async
     React.useEffect(() => {
-        var _a, _b, _c, _d, _e, _f;
         const createWallet = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
             triggeredCreate.current = true;
             try {
@@ -99,41 +99,29 @@ const SyncEmbeddedWalletAuthFlow = () => {
                 return;
             }
         });
-        const hasEmbeddedWalletProviderEnabled = isTurnkeyEnabled.isTurnkeyEnabled(projectSettings) ||
-            isCoinbaseWaasEnabled.isCoinbaseWaasEnabled(projectSettings);
-        if (!user ||
+        const shouldCreateWallet = shouldAutoCreateEmbeddedWallet();
+        if (!shouldCreateWallet ||
+            !user ||
             isProjectSettingsLoading ||
             !projectSettings ||
-            !hasEmbeddedWalletProviderEnabled ||
             !walletConnectorOptions.length || // no connectors to use for the embedded wallet
-            primaryWalletId || //should not override primary wallet
             isLoadingEmbeddedWallet || // already has a wallet
-            lastUsedWallet !== undefined || //untill embedded wallet is generated it's undefined
+            globalLoading || // this will be true if auth is in progress
             triggeredCreate.current // already triggered
         ) {
             return;
         }
-        // Turnkey specific rules
-        if (
-        // if coinbase is enabled it should still call createWallet, despite the turnkey rules
-        !isCoinbaseWaasEnabled.isCoinbaseWaasEnabled(projectSettings) &&
-            isTurnkeyEnabled.isTurnkeyEnabled(projectSettings) &&
-            // If customer allows user to skip passkey creation, don't trigger createEmbeddedWallet on refresh
-            (!((_b = (_a = projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.embeddedWallets) === null || _b === void 0 ? void 0 : _b.automaticEmbeddedWalletCreation) ||
-                ((_d = (_c = projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.embeddedWallets) === null || _d === void 0 ? void 0 : _d.allowSkippingAuthenticatorAtSignup) ||
-                !((_f = (_e = projectSettings.sdk) === null || _e === void 0 ? void 0 : _e.embeddedWallets) === null || _f === void 0 ? void 0 : _f.forceAuthenticatorAtSignup))) {
-            return;
-        }
         createWallet();
     }, [
         user,
         isProjectSettingsLoading,
         projectSettings,
         primaryWalletId,
-        lastUsedWallet,
         createEmbeddedWallet,
         isLoadingEmbeddedWallet,
         walletConnectorOptions,
+        globalLoading,
+        shouldAutoCreateEmbeddedWallet,
     ]);
     return null;
 };

package/src/lib/components/SyncEmbeddedWalletAuthFlow/SyncEmbeddedWalletAuthFlow.js

@@ -9,21 +9,18 @@ import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import { LAST_USED_WALLET } from '../../utils/constants/localStorage.js';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
-import { LocalStorage } from '../../shared/utils/classes/storage/localStorage.js';
+import '../../shared/utils/classes/storage/localStorage.js';
 import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
-import '../../events/dynamicEvents.js';
+import { useInternalDynamicEvents } from '../../utils/hooks/events/useDynamicEvents/useDynamicEvents.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
-import { isTurnkeyEnabled } from '../../utils/functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
 import 'viem';
 import 'viem/chains';
-import { isCoinbaseWaasEnabled } from '../../utils/functions/isCoinbaseWaasEnabled/isCoinbaseWaasEnabled.js';
 import '../../config/ApiEndpoint.js';
 import '../../locale/locale.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
@@ -31,11 +28,12 @@ import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../events/dynamicEvents.js';
 import { useEmbeddedWallet } from '../../utils/hooks/useEmbeddedWallet/useEmbeddedWallet.js';
 import { useWalletContext } from '../../context/WalletContext/WalletContext.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
-import '../../context/LoadingContext/LoadingContext.js';
+import { useLoadingContext } from '../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
 import 'react-i18next';
@@ -77,15 +75,17 @@ import { useInternalDynamicContext } from '../../context/DynamicContext/useDynam
 const SyncEmbeddedWalletAuthFlow = () => {
     const { projectSettings, isProjectSettingsLoading, user, primaryWalletId, walletConnectorOptions, } = useInternalDynamicContext();
     const { isLoadingEmbeddedWallet } = useWalletContext();
-    const lastUsedWallet = LocalStorage.getFromLS(LAST_USED_WALLET);
-    const { createEmbeddedWallet } = useEmbeddedWallet();
+    const { loading: globalLoading } = useLoadingContext();
+    const { createEmbeddedWallet, shouldAutoCreateEmbeddedWallet } = useEmbeddedWallet();
     const triggeredCreate = useRef(false);
+    useInternalDynamicEvents('logout', () => {
+        triggeredCreate.current = false;
+    });
     // this is used to trigger createEmbeddedWallet
-    // when user didn't create a passkey after login and refresh page to skip it
+    // when user didn't create a passkey after login,
     // we force them to created it before they can use the app
     // ** It must be an useEffect because some of the dependencies are async
     useEffect(() => {
-        var _a, _b, _c, _d, _e, _f;
         const createWallet = () => __awaiter(void 0, void 0, void 0, function* () {
             triggeredCreate.current = true;
             try {
@@ -95,41 +95,29 @@ const SyncEmbeddedWalletAuthFlow = () => {
                 return;
             }
         });
-        const hasEmbeddedWalletProviderEnabled = isTurnkeyEnabled(projectSettings) ||
-            isCoinbaseWaasEnabled(projectSettings);
-        if (!user ||
+        const shouldCreateWallet = shouldAutoCreateEmbeddedWallet();
+        if (!shouldCreateWallet ||
+            !user ||
             isProjectSettingsLoading ||
             !projectSettings ||
-            !hasEmbeddedWalletProviderEnabled ||
             !walletConnectorOptions.length || // no connectors to use for the embedded wallet
-            primaryWalletId || //should not override primary wallet
             isLoadingEmbeddedWallet || // already has a wallet
-            lastUsedWallet !== undefined || //untill embedded wallet is generated it's undefined
+            globalLoading || // this will be true if auth is in progress
             triggeredCreate.current // already triggered
         ) {
             return;
         }
-        // Turnkey specific rules
-        if (
-        // if coinbase is enabled it should still call createWallet, despite the turnkey rules
-        !isCoinbaseWaasEnabled(projectSettings) &&
-            isTurnkeyEnabled(projectSettings) &&
-            // If customer allows user to skip passkey creation, don't trigger createEmbeddedWallet on refresh
-            (!((_b = (_a = projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.embeddedWallets) === null || _b === void 0 ? void 0 : _b.automaticEmbeddedWalletCreation) ||
-                ((_d = (_c = projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.embeddedWallets) === null || _d === void 0 ? void 0 : _d.allowSkippingAuthenticatorAtSignup) ||
-                !((_f = (_e = projectSettings.sdk) === null || _e === void 0 ? void 0 : _e.embeddedWallets) === null || _f === void 0 ? void 0 : _f.forceAuthenticatorAtSignup))) {
-            return;
-        }
         createWallet();
     }, [
         user,
         isProjectSettingsLoading,
         projectSettings,
         primaryWalletId,
-        lastUsedWallet,
         createEmbeddedWallet,
         isLoadingEmbeddedWallet,
         walletConnectorOptions,
+        globalLoading,
+        shouldAutoCreateEmbeddedWallet,
     ]);
     return null;
 };

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

@@ -135,7 +135,7 @@ const DynamicContext = React.createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, locale: locale$1, }) => {
     var _a, _b, _c, _d, _e, _f, _g;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, } = settings$1;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, coinbaseWalletPreference, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, } = settings$1;
     localStorage.LocalStorage.setSuffix(settings$1.localStorageSuffix);
     /**
      * initialize global store
@@ -224,6 +224,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     const { walletConnectorOptions } = useWalletConnectorOptions.useWalletConnectorOptions({
         appLogoUrl,
         appName,
+        coinbaseWalletPreference,
         deepLinkPreference,
         flowNetwork,
         mobileExperience,

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

@@ -1,6 +1,6 @@
 import { FC, ReactNode } from 'react';
 import { LogLevel } from '@dynamic-labs/logger';
-import { SocialProviderFilter } from '@dynamic-labs/types';
+import { type CoinbaseWalletPreference, type SocialProviderFilter } from '@dynamic-labs/types';
 import { DeepLinkVariant, WalletConnectorExtension, WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
 import { LocaleResource } from '../../locale';
 import { AccessDeniedCustomButton, AuthModeType, ChainToWalletMap, DynamicEventsCallbacks, RecommendedWallet, WalletOption } from '../../shared';
@@ -20,6 +20,7 @@ export interface DynamicContextProps {
         appLogoUrl?: string;
         appName?: string;
         bridgeChains?: ChainsToConnect[];
+        coinbaseWalletPreference?: CoinbaseWalletPreference;
         cssOverrides?: string | JSX.Element;
         customPrivacyPolicy?: ReactNode;
         customTermsOfServices?: ReactNode;

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

@@ -131,7 +131,7 @@ const DynamicContext = createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) => {
     var _a, _b, _c, _d, _e, _f, _g;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, } = settings;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, coinbaseWalletPreference, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, } = settings;
     LocalStorage.setSuffix(settings.localStorageSuffix);
     /**
      * initialize global store
@@ -220,6 +220,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
     const { walletConnectorOptions } = useWalletConnectorOptions({
         appLogoUrl,
         appName,
+        coinbaseWalletPreference,
         deepLinkPreference,
         flowNetwork,
         mobileExperience,

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

@@ -24,8 +24,10 @@ require('../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../functions/getAuthToken/getAuthToken.cjs');
 require('react-international-phone');
+var isTurnkeyEnabled = require('../../functions/isTurnkeyEnabled/isTurnkeyEnabled.cjs');
 require('viem');
 require('viem/chains');
+var isCoinbaseWaasEnabled = require('../../functions/isCoinbaseWaasEnabled/isCoinbaseWaasEnabled.cjs');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../locale/locale.cjs');
 var hasEmbeddedWallet = require('../../functions/hasEmbeddedWallet/hasEmbeddedWallet.cjs');
@@ -95,7 +97,7 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
  * }
  */
 const useEmbeddedWallet = () => {
-    const { onboardingOnlyJwt, user } = useInternalDynamicContext.useInternalDynamicContext();
+    const { onboardingOnlyJwt, user, projectSettings, primaryWalletId } = useInternalDynamicContext.useInternalDynamicContext();
     const { isTurnkeyWallet } = useIsTurnkeyWallet.useIsTurnkeyWallet();
     const { createEmbeddedWallet: createCoinbaseMPCWallet, canCreateMPCWallet, createPassword, revealEmbeddedWalletKey: reveaCoinbaseMPCEmbeddedWalletKey, } = useMPCEmbeddedWallet.useMPCEmbeddedWallet();
     const { createEmbeddedWallet: createTurnkeyEmbeddedWallet, createOrRestoreSession, createPasskey, revealEmbeddedWalletKey: revealTurnkeyEmbeddedWalletKey, getPasskeys, isSessionActive, sendOneTimeCode, } = useSecureEnclaveEmbeddedWallet.useSecureEnclaveEmbeddedWallet();
@@ -136,6 +138,23 @@ const useEmbeddedWallet = () => {
         }
         return reveaCoinbaseMPCEmbeddedWalletKey();
     });
+    const shouldAutoCreateEmbeddedWallet = React.useCallback(() => {
+        var _a, _b;
+        const hasEmbeddedWalletProviderEnabled = isTurnkeyEnabled.isTurnkeyEnabled(projectSettings) ||
+            isCoinbaseWaasEnabled.isCoinbaseWaasEnabled(projectSettings);
+        if (!hasEmbeddedWalletProviderEnabled || primaryWalletId) {
+            return false;
+        }
+        // Turnkey specific rules
+        if (
+        // if coinbase is enabled it should still call createWallet, despite the turnkey rules
+        !isCoinbaseWaasEnabled.isCoinbaseWaasEnabled(projectSettings) &&
+            isTurnkeyEnabled.isTurnkeyEnabled(projectSettings) &&
+            !((_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.embeddedWallets) === null || _b === void 0 ? void 0 : _b.automaticEmbeddedWalletCreation)) {
+            return false;
+        }
+        return true;
+    }, [primaryWalletId, projectSettings]);
     return {
         createEmbeddedWallet,
         createOrRestoreSession,
@@ -146,6 +165,7 @@ const useEmbeddedWallet = () => {
         isSessionActive,
         revealWalletKey,
         sendOneTimeCode,
+        shouldAutoCreateEmbeddedWallet,
         userHasEmbeddedWallet,
     };
 };

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

@@ -33,5 +33,6 @@ export declare const useEmbeddedWallet: () => {
         htmlContainerId?: string | undefined;
     } | undefined) => Promise<boolean>;
     readonly sendOneTimeCode: () => Promise<string>;
+    readonly shouldAutoCreateEmbeddedWallet: () => boolean;
     readonly userHasEmbeddedWallet: () => boolean;
 };

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

@@ -20,8 +20,10 @@ import '../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../functions/getAuthToken/getAuthToken.js';
 import 'react-international-phone';
+import { isTurnkeyEnabled } from '../../functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
 import 'viem';
 import 'viem/chains';
+import { isCoinbaseWaasEnabled } from '../../functions/isCoinbaseWaasEnabled/isCoinbaseWaasEnabled.js';
 import '../../../config/ApiEndpoint.js';
 import '../../../locale/locale.js';
 import { hasEmbeddedWallet } from '../../functions/hasEmbeddedWallet/hasEmbeddedWallet.js';
@@ -91,7 +93,7 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
  * }
  */
 const useEmbeddedWallet = () => {
-    const { onboardingOnlyJwt, user } = useInternalDynamicContext();
+    const { onboardingOnlyJwt, user, projectSettings, primaryWalletId } = useInternalDynamicContext();
     const { isTurnkeyWallet } = useIsTurnkeyWallet();
     const { createEmbeddedWallet: createCoinbaseMPCWallet, canCreateMPCWallet, createPassword, revealEmbeddedWalletKey: reveaCoinbaseMPCEmbeddedWalletKey, } = useMPCEmbeddedWallet();
     const { createEmbeddedWallet: createTurnkeyEmbeddedWallet, createOrRestoreSession, createPasskey, revealEmbeddedWalletKey: revealTurnkeyEmbeddedWalletKey, getPasskeys, isSessionActive, sendOneTimeCode, } = useSecureEnclaveEmbeddedWallet();
@@ -132,6 +134,23 @@ const useEmbeddedWallet = () => {
         }
         return reveaCoinbaseMPCEmbeddedWalletKey();
     });
+    const shouldAutoCreateEmbeddedWallet = useCallback(() => {
+        var _a, _b;
+        const hasEmbeddedWalletProviderEnabled = isTurnkeyEnabled(projectSettings) ||
+            isCoinbaseWaasEnabled(projectSettings);
+        if (!hasEmbeddedWalletProviderEnabled || primaryWalletId) {
+            return false;
+        }
+        // Turnkey specific rules
+        if (
+        // if coinbase is enabled it should still call createWallet, despite the turnkey rules
+        !isCoinbaseWaasEnabled(projectSettings) &&
+            isTurnkeyEnabled(projectSettings) &&
+            !((_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.embeddedWallets) === null || _b === void 0 ? void 0 : _b.automaticEmbeddedWalletCreation)) {
+            return false;
+        }
+        return true;
+    }, [primaryWalletId, projectSettings]);
     return {
         createEmbeddedWallet,
         createOrRestoreSession,
@@ -142,6 +161,7 @@ const useEmbeddedWallet = () => {
         isSessionActive,
         revealWalletKey,
         sendOneTimeCode,
+        shouldAutoCreateEmbeddedWallet,
         userHasEmbeddedWallet,
     };
 };

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

@@ -81,15 +81,15 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
 
 const sleepToShowSuccessMessage = () => utils.sleep(1500);
 const useUserAuth = ({ authMethod, }) => {
-    const { handleLogOut, setOnboardingOnlyJwt, setShowAuthFlow, setCallback, onboardingOnlyJwt, setMultiWalletWidgetState, projectSettings, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { handleLogOut, setOnboardingOnlyJwt, setShowAuthFlow, setCallback, onboardingOnlyJwt, setMultiWalletWidgetState, } = useInternalDynamicContext.useInternalDynamicContext();
     const { view, setView, goToInitialView } = ViewContext.useViewContext();
     const { setLoading } = LoadingContext.useLoadingContext();
     const { setErrorMessage, setError } = ErrorContext.useErrorContext();
     const { setExistentAccountData } = AccountExistsContext.useAccountExistsContext();
-    const { createEmbeddedWallet } = useEmbeddedWallet.useEmbeddedWallet();
     const { handleVerifiedUserWithJWT } = useHandleVerifiedUser.useHandleVerifiedUser();
     const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback.useCreateUserProfileByJWTCallback();
     const { displayedDestination: formattedPhone } = VerificationContext.useVerification();
+    const { shouldAutoCreateEmbeddedWallet } = useEmbeddedWallet.useEmbeddedWallet();
     const initAuth = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ isSignIn = true, verifyFunction, onVerifySuccess, onSettled, onError, showSuccessMessage = false, skipDefaultErrorHandling = false, }) {
         logger.logger.debug('initAuth', { authMethod, isSignIn });
         try {
@@ -115,9 +115,13 @@ const useUserAuth = ({ authMethod, }) => {
             yield createUserProfileByJWT(jwt, minifiedJwt);
             if (isSignIn) {
                 setCallback('authSuccess');
-                yield createEmbeddedWalletIfEnabled();
             }
-            setShowAuthFlow(false);
+            // we should only close auth flow if no wallet is going to be created,
+            // otherwise there will be a glitch with auth flow closing and then reopening for passkeys
+            const shouldCreateWallet = shouldAutoCreateEmbeddedWallet();
+            if (!shouldCreateWallet) {
+                setShowAuthFlow(false);
+            }
             onSettled === null || onSettled === void 0 ? void 0 : onSettled();
         }
         catch (error) {
@@ -156,21 +160,6 @@ const useUserAuth = ({ authMethod, }) => {
         }
         onSettled === null || onSettled === void 0 ? void 0 : onSettled();
     });
-    const createEmbeddedWalletIfEnabled = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _b, _c;
-        if (!((_c = (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.embeddedWallets) === null || _c === void 0 ? void 0 : _c.automaticEmbeddedWalletCreation)) {
-            return;
-        }
-        try {
-            // this function will check if embedded wallet is enabled and create wallet if needed
-            // if not enabled, it will throw an error.
-            yield createEmbeddedWallet();
-        }
-        catch (e) {
-            logger.logger.debug('createEmbeddedWallet', e);
-            setShowAuthFlow(false);
-        }
-    });
     const handleError = (error, { options = {}, onError, }) => {
         if (error instanceof utils.NoAccessError) {
             setView('no-access');
@@ -201,29 +190,35 @@ const useUserAuth = ({ authMethod, }) => {
             setError(error.message);
         }
     };
-    const completeAuth = (_d) => _tslib.__awaiter(void 0, [_d], void 0, function* ({ completeSignInFlow, updateJwtFunction, onValidUpdatedJwt, options = {}, }) {
+    const handleVerifyMissingFields = (_b) => _tslib.__awaiter(void 0, [_b], void 0, function* ({ missingFields, isEmailVerificationRequired, isSmsVerificationRequired, }) {
+        if (isEmailVerificationRequired &&
+            missingFields.map((field) => field.name).toString() === 'email') {
+            setView('verify-email');
+            return;
+        }
+        if (isSmsVerificationRequired &&
+            missingFields.map((field) => field.name).toString() === 'phoneNumber') {
+            setView('verify-sms');
+            return;
+        }
+        setView(view.type);
+    });
+    const completeAuth = (_c) => _tslib.__awaiter(void 0, [_c], void 0, function* ({ completeSignInFlow, updateJwtFunction, onValidUpdatedJwt, options = {}, }) {
         logger.logger.debug('completeAuth', { authMethod });
         try {
             const { updateUserProfileResponse, isSmsVerificationRequired, isEmailVerificationRequired, missingFields, } = yield updateJwtFunction();
             onValidUpdatedJwt === null || onValidUpdatedJwt === void 0 ? void 0 : onValidUpdatedJwt();
             setOnboardingOnlyJwt(updateUserProfileResponse.jwt);
             localStorage.LocalStorage.setToLS(localStorage$1.AUTH_ONBOARDING_TOKEN, updateUserProfileResponse.minifiedJwt, true);
-            if (isEmailVerificationRequired &&
-                missingFields.map((field) => field.name).toString() === 'email') {
-                setView('verify-email');
-                return;
-            }
-            else if (isSmsVerificationRequired &&
-                missingFields.map((field) => field.name).toString() === 'phoneNumber') {
-                setView('verify-sms');
-                return;
-            }
-            else if (missingFields.length > 0) {
-                // make sure we capture the fields that are required and still missing!
-                // do not change the view, just use the current one
-                setView(view.type);
+            if (missingFields.length > 0) {
+                yield handleVerifyMissingFields({
+                    isEmailVerificationRequired,
+                    isSmsVerificationRequired,
+                    missingFields,
+                });
                 return;
             }
+            // no more onboarding needed, clean up onboarding jwt
             if (onboardingOnlyJwt) {
                 yield handleVerifiedUserWithJWT(updateUserProfileResponse.jwt);
                 setOnboardingOnlyJwt(undefined);
@@ -236,7 +231,12 @@ const useUserAuth = ({ authMethod, }) => {
                     return;
                 }
             }
-            yield createEmbeddedWalletIfEnabled();
+            // we should only close auth flow if no wallet is going to be created,
+            // otherwise there will be a glitch with auth flow closing and then reopening for passkeys
+            const shouldCreateWallet = shouldAutoCreateEmbeddedWallet();
+            if (!shouldCreateWallet) {
+                setShowAuthFlow(false);
+            }
         }
         catch (error) {
             logger.logger.debug(error);

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

@@ -77,15 +77,15 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 
 const sleepToShowSuccessMessage = () => sleep(1500);
 const useUserAuth = ({ authMethod, }) => {
-    const { handleLogOut, setOnboardingOnlyJwt, setShowAuthFlow, setCallback, onboardingOnlyJwt, setMultiWalletWidgetState, projectSettings, } = useInternalDynamicContext();
+    const { handleLogOut, setOnboardingOnlyJwt, setShowAuthFlow, setCallback, onboardingOnlyJwt, setMultiWalletWidgetState, } = useInternalDynamicContext();
     const { view, setView, goToInitialView } = useViewContext();
     const { setLoading } = useLoadingContext();
     const { setErrorMessage, setError } = useErrorContext();
     const { setExistentAccountData } = useAccountExistsContext();
-    const { createEmbeddedWallet } = useEmbeddedWallet();
     const { handleVerifiedUserWithJWT } = useHandleVerifiedUser();
     const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback();
     const { displayedDestination: formattedPhone } = useVerification();
+    const { shouldAutoCreateEmbeddedWallet } = useEmbeddedWallet();
     const initAuth = (_a) => __awaiter(void 0, [_a], void 0, function* ({ isSignIn = true, verifyFunction, onVerifySuccess, onSettled, onError, showSuccessMessage = false, skipDefaultErrorHandling = false, }) {
         logger.debug('initAuth', { authMethod, isSignIn });
         try {
@@ -111,9 +111,13 @@ const useUserAuth = ({ authMethod, }) => {
             yield createUserProfileByJWT(jwt, minifiedJwt);
             if (isSignIn) {
                 setCallback('authSuccess');
-                yield createEmbeddedWalletIfEnabled();
             }
-            setShowAuthFlow(false);
+            // we should only close auth flow if no wallet is going to be created,
+            // otherwise there will be a glitch with auth flow closing and then reopening for passkeys
+            const shouldCreateWallet = shouldAutoCreateEmbeddedWallet();
+            if (!shouldCreateWallet) {
+                setShowAuthFlow(false);
+            }
             onSettled === null || onSettled === void 0 ? void 0 : onSettled();
         }
         catch (error) {
@@ -152,21 +156,6 @@ const useUserAuth = ({ authMethod, }) => {
         }
         onSettled === null || onSettled === void 0 ? void 0 : onSettled();
     });
-    const createEmbeddedWalletIfEnabled = () => __awaiter(void 0, void 0, void 0, function* () {
-        var _b, _c;
-        if (!((_c = (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.embeddedWallets) === null || _c === void 0 ? void 0 : _c.automaticEmbeddedWalletCreation)) {
-            return;
-        }
-        try {
-            // this function will check if embedded wallet is enabled and create wallet if needed
-            // if not enabled, it will throw an error.
-            yield createEmbeddedWallet();
-        }
-        catch (e) {
-            logger.debug('createEmbeddedWallet', e);
-            setShowAuthFlow(false);
-        }
-    });
     const handleError = (error, { options = {}, onError, }) => {
         if (error instanceof NoAccessError) {
             setView('no-access');
@@ -197,29 +186,35 @@ const useUserAuth = ({ authMethod, }) => {
             setError(error.message);
         }
     };
-    const completeAuth = (_d) => __awaiter(void 0, [_d], void 0, function* ({ completeSignInFlow, updateJwtFunction, onValidUpdatedJwt, options = {}, }) {
+    const handleVerifyMissingFields = (_b) => __awaiter(void 0, [_b], void 0, function* ({ missingFields, isEmailVerificationRequired, isSmsVerificationRequired, }) {
+        if (isEmailVerificationRequired &&
+            missingFields.map((field) => field.name).toString() === 'email') {
+            setView('verify-email');
+            return;
+        }
+        if (isSmsVerificationRequired &&
+            missingFields.map((field) => field.name).toString() === 'phoneNumber') {
+            setView('verify-sms');
+            return;
+        }
+        setView(view.type);
+    });
+    const completeAuth = (_c) => __awaiter(void 0, [_c], void 0, function* ({ completeSignInFlow, updateJwtFunction, onValidUpdatedJwt, options = {}, }) {
         logger.debug('completeAuth', { authMethod });
         try {
             const { updateUserProfileResponse, isSmsVerificationRequired, isEmailVerificationRequired, missingFields, } = yield updateJwtFunction();
             onValidUpdatedJwt === null || onValidUpdatedJwt === void 0 ? void 0 : onValidUpdatedJwt();
             setOnboardingOnlyJwt(updateUserProfileResponse.jwt);
             LocalStorage.setToLS(AUTH_ONBOARDING_TOKEN, updateUserProfileResponse.minifiedJwt, true);
-            if (isEmailVerificationRequired &&
-                missingFields.map((field) => field.name).toString() === 'email') {
-                setView('verify-email');
-                return;
-            }
-            else if (isSmsVerificationRequired &&
-                missingFields.map((field) => field.name).toString() === 'phoneNumber') {
-                setView('verify-sms');
-                return;
-            }
-            else if (missingFields.length > 0) {
-                // make sure we capture the fields that are required and still missing!
-                // do not change the view, just use the current one
-                setView(view.type);
+            if (missingFields.length > 0) {
+                yield handleVerifyMissingFields({
+                    isEmailVerificationRequired,
+                    isSmsVerificationRequired,
+                    missingFields,
+                });
                 return;
             }
+            // no more onboarding needed, clean up onboarding jwt
             if (onboardingOnlyJwt) {
                 yield handleVerifiedUserWithJWT(updateUserProfileResponse.jwt);
                 setOnboardingOnlyJwt(undefined);
@@ -232,7 +227,12 @@ const useUserAuth = ({ authMethod, }) => {
                     return;
                 }
             }
-            yield createEmbeddedWalletIfEnabled();
+            // we should only close auth flow if no wallet is going to be created,
+            // otherwise there will be a glitch with auth flow closing and then reopening for passkeys
+            const shouldCreateWallet = shouldAutoCreateEmbeddedWallet();
+            if (!shouldCreateWallet) {
+                setShowAuthFlow(false);
+            }
         }
         catch (error) {
             logger.debug(error);

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

@@ -27,7 +27,7 @@ require('../../../locale/locale.cjs');
 var serializeWalletConnectors = require('../../functions/serializeWalletConnectors/serializeWalletConnectors.cjs');
 var verifyRequiredConnectorsAreSetup = require('./utils/verifyRequiredConnectorsAreSetup/verifyRequiredConnectorsAreSetup.cjs');
 
-const useWalletConnectorOptions = ({ projectSettings, appLogoUrl, appName, deepLinkPreference, flowNetwork, mobileExperience, networkConfigurations, walletBook, walletUiUtils, walletConnectorsProp, walletConnectPreferredChains, walletConnectorExtensions, }) => {
+const useWalletConnectorOptions = ({ projectSettings, appLogoUrl, appName, coinbaseWalletPreference, deepLinkPreference, flowNetwork, mobileExperience, networkConfigurations, walletBook, walletUiUtils, walletConnectorsProp, walletConnectPreferredChains, walletConnectorExtensions, }) => {
     const walletConnectorsKey = React.useMemo(() => { var _a; return (_a = serializeWalletConnectors.serializeWalletConnectors(walletConnectorsProp)) === null || _a === void 0 ? void 0 : _a.join(','); }, [walletConnectorsProp]);
     const walletBookLength = React.useMemo(() => Object.keys(walletBook !== null && walletBook !== void 0 ? walletBook : {}).length, [walletBook]);
     const walletConnectorOptions = React.useMemo(() => {
@@ -39,6 +39,7 @@ const useWalletConnectorOptions = ({ projectSettings, appLogoUrl, appName, deepL
             getSupportedWalletOpts: {
                 appLogoUrl,
                 appName,
+                coinbaseWalletPreference,
                 deepLinkPreference,
                 flowNetwork,
                 mobileExperience,

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

@@ -1,10 +1,11 @@
 import { ProjectSettings } from '@dynamic-labs/sdk-api-core';
-import { NetworkConfigurationMap, WalletUiUtils } from '@dynamic-labs/types';
+import { type CoinbaseWalletPreference, type NetworkConfigurationMap, type WalletUiUtils } from '@dynamic-labs/types';
 import { DeepLinkVariant, WalletConnector, WalletConnectorExtension, WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
 import { WalletBookSchema } from '@dynamic-labs/wallet-book';
 type Props = {
     appLogoUrl?: string;
     appName?: string;
+    coinbaseWalletPreference?: CoinbaseWalletPreference;
     deepLinkPreference?: DeepLinkVariant;
     flowNetwork?: 'mainnet' | 'testnet';
     mobileExperience?: 'in-app-browser' | 'redirect';
@@ -16,7 +17,7 @@ type Props = {
     walletUiUtils: WalletUiUtils<WalletConnector>;
     walletConnectorExtensions?: WalletConnectorExtension[];
 };
-export declare const useWalletConnectorOptions: ({ projectSettings, appLogoUrl, appName, deepLinkPreference, flowNetwork, mobileExperience, networkConfigurations, walletBook, walletUiUtils, walletConnectorsProp, walletConnectPreferredChains, walletConnectorExtensions, }: Props) => {
+export declare const useWalletConnectorOptions: ({ projectSettings, appLogoUrl, appName, coinbaseWalletPreference, deepLinkPreference, flowNetwork, mobileExperience, networkConfigurations, walletBook, walletUiUtils, walletConnectorsProp, walletConnectPreferredChains, walletConnectorExtensions, }: Props) => {
     walletConnectorOptions: import("../../../shared").WalletOption[];
 };
 export {};

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

@@ -23,7 +23,7 @@ import '../../../locale/locale.js';
 import { serializeWalletConnectors } from '../../functions/serializeWalletConnectors/serializeWalletConnectors.js';
 import { verifyRequiredConnectorsAreSetup } from './utils/verifyRequiredConnectorsAreSetup/verifyRequiredConnectorsAreSetup.js';
 
-const useWalletConnectorOptions = ({ projectSettings, appLogoUrl, appName, deepLinkPreference, flowNetwork, mobileExperience, networkConfigurations, walletBook, walletUiUtils, walletConnectorsProp, walletConnectPreferredChains, walletConnectorExtensions, }) => {
+const useWalletConnectorOptions = ({ projectSettings, appLogoUrl, appName, coinbaseWalletPreference, deepLinkPreference, flowNetwork, mobileExperience, networkConfigurations, walletBook, walletUiUtils, walletConnectorsProp, walletConnectPreferredChains, walletConnectorExtensions, }) => {
     const walletConnectorsKey = useMemo(() => { var _a; return (_a = serializeWalletConnectors(walletConnectorsProp)) === null || _a === void 0 ? void 0 : _a.join(','); }, [walletConnectorsProp]);
     const walletBookLength = useMemo(() => Object.keys(walletBook !== null && walletBook !== void 0 ? walletBook : {}).length, [walletBook]);
     const walletConnectorOptions = useMemo(() => {
@@ -35,6 +35,7 @@ const useWalletConnectorOptions = ({ projectSettings, appLogoUrl, appName, deepL
             getSupportedWalletOpts: {
                 appLogoUrl,
                 appName,
+                coinbaseWalletPreference,
                 deepLinkPreference,
                 flowNetwork,
                 mobileExperience,