@dynamic-labs/sdk-react-core 2.0.0-alpha.5 → 2.0.0-alpha.7

package/src/lib/components/RetrySendVerificationCodeSection/RetrySendVerificationCodeSection.js

@@ -20,9 +20,9 @@ import '../../shared/consts/index.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
-import '../../config/ApiEndpoint.js';
 import 'react-international-phone';
 import 'viem/chains';
+import '../../config/ApiEndpoint.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
@@ -57,17 +57,17 @@ import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
-import '../../views/WalletList/WalletList.js';
 import 'formik';
 import 'qrcode';
-import '@hcaptcha/react-hcaptcha';
-import '../../context/LoadingContext/LoadingContext.js';
+import '../../views/WalletList/WalletList.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
-import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import 'i18next';
+import '@hcaptcha/react-hcaptcha';
+import '../../context/LoadingContext/LoadingContext.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';

package/src/lib/components/SecureEmbeddedWalletCard/SecureEmbeddedWalletCard.cjs

@@ -26,9 +26,9 @@ require('../../shared/consts/index.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../../config/ApiEndpoint.cjs');
 require('react-international-phone');
 require('viem/chains');
+require('../../config/ApiEndpoint.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
@@ -59,17 +59,17 @@ require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
-require('../../views/WalletList/WalletList.cjs');
 require('formik');
 require('qrcode');
-require('@hcaptcha/react-hcaptcha');
-require('../../context/LoadingContext/LoadingContext.cjs');
+require('../../views/WalletList/WalletList.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
-require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('i18next');
+require('@hcaptcha/react-hcaptcha');
+require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');

package/src/lib/components/SecureEmbeddedWalletCard/SecureEmbeddedWalletCard.js

@@ -22,9 +22,9 @@ import '../../shared/consts/index.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
-import '../../config/ApiEndpoint.js';
 import 'react-international-phone';
 import 'viem/chains';
+import '../../config/ApiEndpoint.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
@@ -55,17 +55,17 @@ import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
-import '../../views/WalletList/WalletList.js';
 import 'formik';
 import 'qrcode';
-import '@hcaptcha/react-hcaptcha';
-import '../../context/LoadingContext/LoadingContext.js';
+import '../../views/WalletList/WalletList.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
-import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import 'i18next';
+import '@hcaptcha/react-hcaptcha';
+import '../../context/LoadingContext/LoadingContext.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';

package/src/lib/components/SendBalanceForm/SendBalanceForm.cjs

@@ -23,10 +23,10 @@ require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 require('../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../../config/ApiEndpoint.cjs');
 var getOrdinalNumber = require('../../utils/functions/getOrdinalNumber/getOrdinalNumber.cjs');
 require('react-international-phone');
 require('viem/chains');
+require('../../config/ApiEndpoint.cjs');
 
 const sendBalanceFormInitialValues = {
     amount: '',

package/src/lib/components/SendBalanceForm/SendBalanceForm.js

@@ -19,10 +19,10 @@ import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 import '../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
-import '../../config/ApiEndpoint.js';
 import { getOrdinalNumber } from '../../utils/functions/getOrdinalNumber/getOrdinalNumber.js';
 import 'react-international-phone';
 import 'viem/chains';
+import '../../config/ApiEndpoint.js';
 
 const sendBalanceFormInitialValues = {
     amount: '',

package/src/lib/components/ShadowDOM/ShadowDOM.cjs

@@ -23,9 +23,9 @@ require('../../../../_virtual/_tslib.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../../config/ApiEndpoint.cjs');
 require('react-international-phone');
 require('viem/chains');
+require('../../config/ApiEndpoint.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
@@ -54,17 +54,17 @@ require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
-require('../../views/WalletList/WalletList.cjs');
 require('formik');
 require('qrcode');
-require('@hcaptcha/react-hcaptcha');
-require('../../context/LoadingContext/LoadingContext.cjs');
+require('../../views/WalletList/WalletList.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
-require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('i18next');
+require('@hcaptcha/react-hcaptcha');
+require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
@@ -81,6 +81,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const ShadowDOMContext = React__default["default"].createContext({});
+const useShadowDOMContext = () => React__default["default"].useContext(ShadowDOMContext);
 const ShadowDOMStyle = () => jsxRuntime.jsx("style", { children: index_shadow });
 const ShadowDOM = ({ mode = 'open', id, className, children, dataTestId, zIndex, }) => {
     const { shadowDOMEnabled: shadowDOMSetting, cssOverrides } = useInternalDynamicContext.useInternalDynamicContext();
@@ -122,3 +123,4 @@ const ShadowDOM = ({ mode = 'open', id, className, children, dataTestId, zIndex,
 exports.ShadowDOM = ShadowDOM;
 exports.ShadowDOMContext = ShadowDOMContext;
 exports.ShadowDOMStyle = ShadowDOMStyle;
+exports.useShadowDOMContext = useShadowDOMContext;

package/src/lib/components/ShadowDOM/ShadowDOM.js

@@ -19,9 +19,9 @@ import '../../../../_virtual/_tslib.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
-import '../../config/ApiEndpoint.js';
 import 'react-international-phone';
 import 'viem/chains';
+import '../../config/ApiEndpoint.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
@@ -50,17 +50,17 @@ import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
-import '../../views/WalletList/WalletList.js';
 import 'formik';
 import 'qrcode';
-import '@hcaptcha/react-hcaptcha';
-import '../../context/LoadingContext/LoadingContext.js';
+import '../../views/WalletList/WalletList.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
-import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import 'i18next';
+import '@hcaptcha/react-hcaptcha';
+import '../../context/LoadingContext/LoadingContext.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
@@ -73,6 +73,7 @@ import { LegacySafariCssOverrides } from '../LegacySafariCssOverrides/LegacySafa
 import { isShadowDOMFlagEnabled } from './utils.js';
 
 const ShadowDOMContext = React__default.createContext({});
+const useShadowDOMContext = () => React__default.useContext(ShadowDOMContext);
 const ShadowDOMStyle = () => jsx("style", { children: css_248z });
 const ShadowDOM = ({ mode = 'open', id, className, children, dataTestId, zIndex, }) => {
     const { shadowDOMEnabled: shadowDOMSetting, cssOverrides } = useInternalDynamicContext();
@@ -111,4 +112,4 @@ const ShadowDOM = ({ mode = 'open', id, className, children, dataTestId, zIndex,
                     createPortal(jsxs("div", { className: 'dynamic-shadow-dom-content', children: [children, shouldRenderStyles && jsx(ShadowDOMStyle, {}), isLegacySafari() && jsx(LegacySafariCssOverrides, {}), CssOverridesElement && jsx(CssOverridesElement, {})] }), shadowRoot) }) }) }));
 };
 
-export { ShadowDOM, ShadowDOMContext, ShadowDOMStyle };
+export { ShadowDOM, ShadowDOMContext, ShadowDOMStyle, useShadowDOMContext };

package/src/lib/components/SocialSignIn/SocialSignIn.cjs

@@ -26,9 +26,9 @@ require('../../context/DynamicContext/DynamicContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../../config/ApiEndpoint.cjs');
 require('react-international-phone');
 require('viem/chains');
+require('../../config/ApiEndpoint.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
@@ -64,18 +64,18 @@ require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
-require('../../views/WalletList/WalletList.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('formik');
 require('qrcode');
-require('@hcaptcha/react-hcaptcha');
-require('../../context/LoadingContext/LoadingContext.cjs');
+require('../../views/WalletList/WalletList.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
-require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('i18next');
+require('@hcaptcha/react-hcaptcha');
+require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');

package/src/lib/components/SocialSignIn/SocialSignIn.js

@@ -22,9 +22,9 @@ import '../../context/DynamicContext/DynamicContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
-import '../../config/ApiEndpoint.js';
 import 'react-international-phone';
 import 'viem/chains';
+import '../../config/ApiEndpoint.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
@@ -60,18 +60,18 @@ import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
-import '../../views/WalletList/WalletList.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import 'formik';
 import 'qrcode';
-import '@hcaptcha/react-hcaptcha';
-import '../../context/LoadingContext/LoadingContext.js';
+import '../../views/WalletList/WalletList.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
-import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import 'i18next';
+import '@hcaptcha/react-hcaptcha';
+import '../../context/LoadingContext/LoadingContext.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';

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

@@ -23,10 +23,11 @@ require('../../events/dynamicEvents.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
-require('../../config/ApiEndpoint.cjs');
 require('react-international-phone');
 var isTurnkeyEnabled = require('../../utils/functions/isTurnkeyEnabled/isTurnkeyEnabled.cjs');
 require('viem/chains');
+var isCoinbaseWaasEnabled = require('../../utils/functions/isCoinbaseWaasEnabled/isCoinbaseWaasEnabled.cjs');
+require('../../config/ApiEndpoint.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
@@ -56,18 +57,18 @@ require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
-require('../../views/WalletList/WalletList.cjs');
-require('../../context/WalletContext/WalletContext.cjs');
+var WalletContext = require('../../context/WalletContext/WalletContext.cjs');
 require('formik');
 require('qrcode');
-require('@hcaptcha/react-hcaptcha');
-require('../../context/LoadingContext/LoadingContext.cjs');
+require('../../views/WalletList/WalletList.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
-require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('i18next');
+require('@hcaptcha/react-hcaptcha');
+require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
@@ -77,9 +78,11 @@ require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const SyncEmbeddedWalletAuthFlow = () => {
-    const { projectSettings, isProjectSettingsLoading, user, primaryWalletId } = useInternalDynamicContext.useInternalDynamicContext();
+    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 triggeredCreate = React.useRef(false);
     // this is used to trigger createEmbeddedWallet
     // when user didn't create a passkey after login and refresh page to skip it
     // we force them to created it before they can use the app
@@ -87,6 +90,7 @@ const SyncEmbeddedWalletAuthFlow = () => {
     React.useEffect(() => {
         var _a, _b, _c, _d, _e, _f;
         const createWallet = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            triggeredCreate.current = true;
             try {
                 yield createEmbeddedWallet();
             }
@@ -94,21 +98,31 @@ const SyncEmbeddedWalletAuthFlow = () => {
                 return;
             }
         });
+        const hasEmbeddedWalletProviderEnabled = isTurnkeyEnabled.isTurnkeyEnabled(projectSettings) ||
+            isCoinbaseWaasEnabled.isCoinbaseWaasEnabled(projectSettings);
         if (!user ||
             isProjectSettingsLoading ||
             !projectSettings ||
-            !isTurnkeyEnabled.isTurnkeyEnabled(projectSettings) ||
-            !((_b = (_a = projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.embeddedWallets) === null || _b === void 0 ? void 0 : _b.automaticEmbeddedWalletCreation) ||
-            // If user don't need to create a passkey after login, don't trigger createEmbeddedWallet on refresh
-            !((_d = (_c = projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.embeddedWallets) === null || _d === void 0 ? void 0 : _d.forceAuthenticatorAtSignup) ||
-            (
-            // If customer allows user to skip passkey creation, don't trigger createEmbeddedWallet on refresh
-            (_f = (_e = projectSettings.sdk) === null || _e === void 0 ? void 0 : _e.embeddedWallets) === null || _f === void 0 ? void 0 : _f.allowSkippingAuthenticatorAtSignup) ||
+            !hasEmbeddedWalletProviderEnabled ||
+            !walletConnectorOptions.length || // no connectors to use for the embedded wallet
             primaryWalletId || //should not override primary wallet
-            lastUsedWallet !== undefined //untill embedded wallet is generated it's undefined
+            isLoadingEmbeddedWallet || // already has a wallet
+            lastUsedWallet !== undefined || //untill embedded wallet is generated it's undefined
+            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,
@@ -117,6 +131,8 @@ const SyncEmbeddedWalletAuthFlow = () => {
         primaryWalletId,
         lastUsedWallet,
         createEmbeddedWallet,
+        isLoadingEmbeddedWallet,
+        walletConnectorOptions,
     ]);
     return null;
 };

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

@@ -1,5 +1,5 @@
 import { __awaiter } from '../../../../_virtual/_tslib.js';
-import { useEffect } from 'react';
+import { useRef, useEffect } from 'react';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
@@ -19,10 +19,11 @@ import '../../events/dynamicEvents.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
-import '../../config/ApiEndpoint.js';
 import 'react-international-phone';
 import { isTurnkeyEnabled } from '../../utils/functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
 import 'viem/chains';
+import { isCoinbaseWaasEnabled } from '../../utils/functions/isCoinbaseWaasEnabled/isCoinbaseWaasEnabled.js';
+import '../../config/ApiEndpoint.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
@@ -52,18 +53,18 @@ import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
-import '../../views/WalletList/WalletList.js';
-import '../../context/WalletContext/WalletContext.js';
+import { useWalletContext } from '../../context/WalletContext/WalletContext.js';
 import 'formik';
 import 'qrcode';
-import '@hcaptcha/react-hcaptcha';
-import '../../context/LoadingContext/LoadingContext.js';
+import '../../views/WalletList/WalletList.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
-import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import 'i18next';
+import '@hcaptcha/react-hcaptcha';
+import '../../context/LoadingContext/LoadingContext.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
@@ -73,9 +74,11 @@ import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/P
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const SyncEmbeddedWalletAuthFlow = () => {
-    const { projectSettings, isProjectSettingsLoading, user, primaryWalletId } = useInternalDynamicContext();
+    const { projectSettings, isProjectSettingsLoading, user, primaryWalletId, walletConnectorOptions, } = useInternalDynamicContext();
+    const { isLoadingEmbeddedWallet } = useWalletContext();
     const lastUsedWallet = LocalStorage.getFromLS(LAST_USED_WALLET);
     const { createEmbeddedWallet } = useEmbeddedWallet();
+    const triggeredCreate = useRef(false);
     // this is used to trigger createEmbeddedWallet
     // when user didn't create a passkey after login and refresh page to skip it
     // we force them to created it before they can use the app
@@ -83,6 +86,7 @@ const SyncEmbeddedWalletAuthFlow = () => {
     useEffect(() => {
         var _a, _b, _c, _d, _e, _f;
         const createWallet = () => __awaiter(void 0, void 0, void 0, function* () {
+            triggeredCreate.current = true;
             try {
                 yield createEmbeddedWallet();
             }
@@ -90,21 +94,31 @@ const SyncEmbeddedWalletAuthFlow = () => {
                 return;
             }
         });
+        const hasEmbeddedWalletProviderEnabled = isTurnkeyEnabled(projectSettings) ||
+            isCoinbaseWaasEnabled(projectSettings);
         if (!user ||
             isProjectSettingsLoading ||
             !projectSettings ||
-            !isTurnkeyEnabled(projectSettings) ||
-            !((_b = (_a = projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.embeddedWallets) === null || _b === void 0 ? void 0 : _b.automaticEmbeddedWalletCreation) ||
-            // If user don't need to create a passkey after login, don't trigger createEmbeddedWallet on refresh
-            !((_d = (_c = projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.embeddedWallets) === null || _d === void 0 ? void 0 : _d.forceAuthenticatorAtSignup) ||
-            (
-            // If customer allows user to skip passkey creation, don't trigger createEmbeddedWallet on refresh
-            (_f = (_e = projectSettings.sdk) === null || _e === void 0 ? void 0 : _e.embeddedWallets) === null || _f === void 0 ? void 0 : _f.allowSkippingAuthenticatorAtSignup) ||
+            !hasEmbeddedWalletProviderEnabled ||
+            !walletConnectorOptions.length || // no connectors to use for the embedded wallet
             primaryWalletId || //should not override primary wallet
-            lastUsedWallet !== undefined //untill embedded wallet is generated it's undefined
+            isLoadingEmbeddedWallet || // already has a wallet
+            lastUsedWallet !== undefined || //untill embedded wallet is generated it's undefined
+            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,
@@ -113,6 +127,8 @@ const SyncEmbeddedWalletAuthFlow = () => {
         primaryWalletId,
         lastUsedWallet,
         createEmbeddedWallet,
+        isLoadingEmbeddedWallet,
+        walletConnectorOptions,
     ]);
     return null;
 };

package/src/lib/components/ToggleVisibilityButton/ToggleVisibilityButton.cjs

@@ -0,0 +1,94 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var classNames = require('../../utils/functions/classNames/classNames.cjs');
+var TextButton = require('../TextButton/TextButton.cjs');
+var Tooltip = require('../Tooltip/Tooltip.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('../../context/ViewContext/ViewContext.cjs');
+var eyeOffIcon = require('../../shared/assets/eye-off-icon.cjs');
+var footerEyeIcon = require('../../shared/assets/footer-eye-icon.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
+require('viem');
+require('@dynamic-labs/utils');
+require('../../shared/consts/index.cjs');
+require('../../events/dynamicEvents.cjs');
+require('../../../../_virtual/_tslib.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('viem/chains');
+require('../../config/ApiEndpoint.cjs');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../context/VerificationContext/VerificationContext.cjs');
+require('react-dom');
+require('../../context/WalletContext/WalletContext.cjs');
+require('../../context/ThemeContext/ThemeContext.cjs');
+require('@dynamic-labs/types');
+require('yup');
+require('react-i18next');
+require('../../context/MockContext/MockContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('i18next');
+require('../ShadowDOM/ShadowDOM.cjs');
+require('../Transition/ZoomTransition/ZoomTransition.cjs');
+require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../Transition/OpacityTransition/OpacityTransition.cjs');
+require('../OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('react-focus-lock');
+require('../../context/LoadingContext/LoadingContext.cjs');
+var Icon = require('../Icon/Icon.cjs');
+require('qrcode');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../IconButton/IconButton.cjs');
+require('../MenuList/Dropdown/Dropdown.cjs');
+require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
+require('formik');
+require('../Alert/Alert.cjs');
+require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../InlineWidget/InlineWidget.cjs');
+require('../Input/Input.cjs');
+require('../IsBrowser/IsBrowser.cjs');
+require('../Popper/Popper/Popper.cjs');
+require('../Popper/PopperContext/PopperContext.cjs');
+require('../../views/WalletList/WalletList.cjs');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+
+const ToggleVisibilityButton = ({ initialState = false, onClick, className = '', }) => {
+    const [hidden, setHidden] = React.useState(initialState);
+    const handleClick = (e) => {
+        e.preventDefault();
+        setHidden((state) => {
+            const newState = !state;
+            onClick === null || onClick === void 0 ? void 0 : onClick(newState);
+            return newState;
+        });
+    };
+    return (jsxRuntime.jsx(TextButton.TextButton, { className: classNames.classNames('toggle-visibility-button__container', className), onClick: (e) => handleClick(e), children: jsxRuntime.jsx(Tooltip.Tooltip, { className: 'toggle-visibility-button__tooltip', content: hidden ? 'Show' : 'Hide', children: jsxRuntime.jsx(Icon.Icon, { size: 'medium', color: 'text-tertiary', children: hidden ? jsxRuntime.jsx(footerEyeIcon.ReactComponent, {}) : jsxRuntime.jsx(eyeOffIcon.ReactComponent, {}) }) }) }));
+};
+
+exports.ToggleVisibilityButton = ToggleVisibilityButton;