@dynamic-labs/sdk-react-core 2.1.0-alpha.17 → 2.1.0-alpha.19

package/CHANGELOG.md

@@ -1,4 +1,22 @@
 
+## [2.1.0-alpha.19](https://github.com/dynamic-labs/DynamicAuth/compare/v2.1.0-alpha.18...v2.1.0-alpha.19) (2024-05-17)
+
+
+### Features
+
+* add createUserProfileFromSDKUser ([#5596](https://github.com/dynamic-labs/DynamicAuth/issues/5596)) ([d37a1b4](https://github.com/dynamic-labs/DynamicAuth/commit/d37a1b4119f5ff4fff1e987d157f6d5abf105a8b))
+* add headless social sign-in ([#5439](https://github.com/dynamic-labs/DynamicAuth/issues/5439)) ([e32fdf8](https://github.com/dynamic-labs/DynamicAuth/commit/e32fdf863718d661b90b592c8df734e92386ddf3))
+* fetch custom fields in profile and update user ([#5627](https://github.com/dynamic-labs/DynamicAuth/issues/5627)) ([3940c25](https://github.com/dynamic-labs/DynamicAuth/commit/3940c2542bb330f3ed9a8eb98eed9d05c8fcb03a))
+
+
+### Bug Fixes
+
+* include applinks details to AASA ([#5635](https://github.com/dynamic-labs/DynamicAuth/issues/5635)) ([ce94fec](https://github.com/dynamic-labs/DynamicAuth/commit/ce94fec80adbb3eb4efcb79d1aa2cc6eb35eab6f))
+* include the appOrigin to every api call to create correct passkey ([#5636](https://github.com/dynamic-labs/DynamicAuth/issues/5636)) ([ee64df3](https://github.com/dynamic-labs/DynamicAuth/commit/ee64df3b90037bd29cca161e601973ef202c58f0))
+* use PromptModal when using the DynamicMultiWalletPromptsWidget for pending connection views ([#5594](https://github.com/dynamic-labs/DynamicAuth/issues/5594)) ([c095b6e](https://github.com/dynamic-labs/DynamicAuth/commit/c095b6e4c974f02cfe632963be92d16bb201dfa5))
+
+## [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)
 
 

package/package.cjs

@@ -3,9 +3,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "2.1.0-alpha.17";
+var version = "2.1.0-alpha.19";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.433",
+	"@dynamic-labs/sdk-api-core": "0.0.444",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.js

@@ -1,7 +1,7 @@
 'use client'
-var version = "2.1.0-alpha.17";
+var version = "2.1.0-alpha.19";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.433",
+	"@dynamic-labs/sdk-api-core": "0.0.444",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "2.1.0-alpha.17",
+  "version": "2.1.0-alpha.19",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
     "directory": "packages/sdk-react-core"
   },
   "dependencies": {
-    "@dynamic-labs/sdk-api-core": "0.0.433",
+    "@dynamic-labs/sdk-api-core": "0.0.444",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "country-list": "2.3.0",
     "formik": "2.2.9",
@@ -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.17",
-    "@dynamic-labs/logger": "2.1.0-alpha.17",
-    "@dynamic-labs/multi-wallet": "2.1.0-alpha.17",
-    "@dynamic-labs/rpc-provider-ethereum": "2.1.0-alpha.17",
-    "@dynamic-labs/rpc-provider-solana": "2.1.0-alpha.17",
-    "@dynamic-labs/rpc-providers": "2.1.0-alpha.17",
-    "@dynamic-labs/types": "2.1.0-alpha.17",
-    "@dynamic-labs/utils": "2.1.0-alpha.17",
-    "@dynamic-labs/viem-utils": "2.1.0-alpha.17",
-    "@dynamic-labs/wallet-book": "2.1.0-alpha.17",
-    "@dynamic-labs/wallet-connector-core": "2.1.0-alpha.17",
+    "@dynamic-labs/iconic": "2.1.0-alpha.19",
+    "@dynamic-labs/logger": "2.1.0-alpha.19",
+    "@dynamic-labs/multi-wallet": "2.1.0-alpha.19",
+    "@dynamic-labs/rpc-provider-ethereum": "2.1.0-alpha.19",
+    "@dynamic-labs/rpc-provider-solana": "2.1.0-alpha.19",
+    "@dynamic-labs/rpc-providers": "2.1.0-alpha.19",
+    "@dynamic-labs/types": "2.1.0-alpha.19",
+    "@dynamic-labs/utils": "2.1.0-alpha.19",
+    "@dynamic-labs/viem-utils": "2.1.0-alpha.19",
+    "@dynamic-labs/wallet-book": "2.1.0-alpha.19",
+    "@dynamic-labs/wallet-connector-core": "2.1.0-alpha.19",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/components/MfaRecoveryIcon/MfaRecoveryIcon.cjs

@@ -0,0 +1,15 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var Icon = require('../Icon/Icon.cjs');
+require('@dynamic-labs/iconic');
+require('../../context/ViewContext/ViewContext.cjs');
+require('react');
+var mfaRecoveryIcon = require('../../shared/assets/mfa-recovery-icon.cjs');
+
+const MfaRecoveryScreenIcon = (props) => (jsxRuntime.jsx(Icon.Icon, { color: 'brand-primary', children: jsxRuntime.jsx(mfaRecoveryIcon.ReactComponent, Object.assign({}, props, { "data-testid": 'mfa-recovery-icon' })) }));
+
+exports.MfaRecoveryScreenIcon = MfaRecoveryScreenIcon;

package/src/lib/components/MfaRecoveryIcon/MfaRecoveryIcon.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const MfaRecoveryScreenIcon: FC;

package/src/lib/components/MfaRecoveryIcon/MfaRecoveryIcon.js

@@ -0,0 +1,11 @@
+'use client'
+import { jsx } from 'react/jsx-runtime';
+import { Icon } from '../Icon/Icon.js';
+import '@dynamic-labs/iconic';
+import '../../context/ViewContext/ViewContext.js';
+import 'react';
+import { ReactComponent as SvgMfaRecoveryIcon } from '../../shared/assets/mfa-recovery-icon.js';
+
+const MfaRecoveryScreenIcon = (props) => (jsx(Icon, { color: 'brand-primary', children: jsx(SvgMfaRecoveryIcon, Object.assign({}, props, { "data-testid": 'mfa-recovery-icon' })) }));
+
+export { MfaRecoveryScreenIcon };

package/src/lib/components/MfaRecoveryIcon/index.d.ts

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

package/src/lib/components/Portal/Portal.cjs

@@ -83,7 +83,6 @@ const ModalComponent = ({ children, handleClose, withBackdrop = true, zIndex, wh
     const { view } = ViewContext.useViewContext();
     const shouldCloseOnBackdropClick = (view === null || view === void 0 ? void 0 : view.type) &&
         view.type !== 'collect-user-data' &&
-        view.type !== 'update-email' &&
         view.type !== 'login-with-email-verification' &&
         view.type !== 'login-with-sms-verification' &&
         view.type !== 'verify-sms' &&

package/src/lib/components/Portal/Portal.js

@@ -75,7 +75,6 @@ const ModalComponent = ({ children, handleClose, withBackdrop = true, zIndex, wh
     const { view } = useViewContext();
     const shouldCloseOnBackdropClick = (view === null || view === void 0 ? void 0 : view.type) &&
         view.type !== 'collect-user-data' &&
-        view.type !== 'update-email' &&
         view.type !== 'login-with-email-verification' &&
         view.type !== 'login-with-sms-verification' &&
         view.type !== 'verify-sms' &&

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var reactI18next = require('react-i18next');
 var iconic = require('@dynamic-labs/iconic');
 require('@dynamic-labs/sdk-api-core');
 var logger = require('../../shared/logger.cjs');
@@ -42,7 +43,6 @@ require('@dynamic-labs/types');
 require('../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../context/MockContext/MockContext.cjs');
-require('react-i18next');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
@@ -86,6 +86,7 @@ require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/
 
 const INTERNAL_MAX_INLINE_ITEMS = 5;
 const SocialSignIn = ({ providers, onSelectProvider, isLoading, selectedProvider, testId, defaultProvider, numOfItemsToDisplay: externalMaxInlineItems = 5, collapsedLayout, }) => {
+    const { t } = reactI18next.useTranslation();
     const iconThemeVariant = useIconThemeVariant.useIconThemeVariant();
     // ====================================
     // INLINE VS DEFAULT PROVIDERS
@@ -123,7 +124,9 @@ const SocialSignIn = ({ providers, onSelectProvider, isLoading, selectedProvider
             'social-sign-in--tile__full-width': fullWidth,
         }), children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: 
                 // eslint-disable-next-line react/jsx-wrap-multilines
-                jsxRuntime.jsx(iconic.SocialIcon, { name: getProviderAsString(provider), variant: iconThemeVariant }), isSpinning: selectedProvider === provider, iconSize: 32 }), !insideCard && fullWidth && (jsxRuntime.jsxs(Typography.Typography, { variant: 'button_primary', children: ["Continue with ", providerLabel.providerLabel(provider)] }))] }, getProviderAsString(provider)));
+                jsxRuntime.jsx(iconic.SocialIcon, { name: getProviderAsString(provider), variant: iconThemeVariant }), isSpinning: selectedProvider === provider, iconSize: 32 }), !insideCard && fullWidth && (jsxRuntime.jsx(Typography.Typography, { variant: 'button_primary', copykey: 'dyn_login.social.button_label', children: t('dyn_login.social.button_label', {
+                    provider: providerLabel.providerLabel(provider),
+                }) }))] }, getProviderAsString(provider)));
     if (!providers.length) {
         logger.logger.error('Failed to render SocialSignInSection - no social providers enabled');
         return null;

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

@@ -1,6 +1,7 @@
 'use client'
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { SocialIcon } from '@dynamic-labs/iconic';
 import '@dynamic-labs/sdk-api-core';
 import { logger } from '../../shared/logger.js';
@@ -38,7 +39,6 @@ import '@dynamic-labs/types';
 import '../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
-import 'react-i18next';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
@@ -82,6 +82,7 @@ import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/P
 
 const INTERNAL_MAX_INLINE_ITEMS = 5;
 const SocialSignIn = ({ providers, onSelectProvider, isLoading, selectedProvider, testId, defaultProvider, numOfItemsToDisplay: externalMaxInlineItems = 5, collapsedLayout, }) => {
+    const { t } = useTranslation();
     const iconThemeVariant = useIconThemeVariant();
     // ====================================
     // INLINE VS DEFAULT PROVIDERS
@@ -119,7 +120,9 @@ const SocialSignIn = ({ providers, onSelectProvider, isLoading, selectedProvider
             'social-sign-in--tile__full-width': fullWidth,
         }), children: [jsx(IconWithSpinner, { Icon: 
                 // eslint-disable-next-line react/jsx-wrap-multilines
-                jsx(SocialIcon, { name: getProviderAsString(provider), variant: iconThemeVariant }), isSpinning: selectedProvider === provider, iconSize: 32 }), !insideCard && fullWidth && (jsxs(Typography, { variant: 'button_primary', children: ["Continue with ", providerLabel(provider)] }))] }, getProviderAsString(provider)));
+                jsx(SocialIcon, { name: getProviderAsString(provider), variant: iconThemeVariant }), isSpinning: selectedProvider === provider, iconSize: 32 }), !insideCard && fullWidth && (jsx(Typography, { variant: 'button_primary', copykey: 'dyn_login.social.button_label', children: t('dyn_login.social.button_label', {
+                    provider: providerLabel(provider),
+                }) }))] }, getProviderAsString(provider)));
     if (!providers.length) {
         logger.error('Failed to render SocialSignInSection - no social providers enabled');
         return null;

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/components/UserProfile/parts/UserProfileField/UserProfileField.d.ts

@@ -4,7 +4,7 @@ export type UserProfileFieldProps = {
     disabled?: boolean;
     label?: string;
     name: string;
-    value?: string | boolean | null;
+    value: string | boolean | null | undefined;
     autoComplete?: string;
 } & CopyKey;
 export declare const UserProfileField: ({ name, label, value, copykey, autoComplete, }: UserProfileFieldProps) => JSX.Element;

package/src/lib/components/index.d.ts

@@ -11,6 +11,7 @@ export * from './CopyButton';
 export * from './Divider';
 export * from './DynamicConnectButton';
 export * from './EmailIcon';
+export * from './MfaRecoveryIcon';
 export * from './EnterTileAnimation';
 export * from './ErrorContainer';
 export * from './FormFieldLabel';

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

@@ -303,8 +303,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         walletBook: walletBook$1,
     });
     const { getNameService, removeConnectedNameService } = useNameService.useNameService({
-        authToken,
         currentWallet: primaryWallet !== null && primaryWallet !== void 0 ? primaryWallet : connectedWallets[0],
+        user,
     });
     const { clearAllWalletConnectSessions } = useClearWalletConnectSessions.useClearWalletConnectSessions({
         connectors: walletConnectors,

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

@@ -299,8 +299,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         walletBook,
     });
     const { getNameService, removeConnectedNameService } = useNameService({
-        authToken,
         currentWallet: primaryWallet !== null && primaryWallet !== void 0 ? primaryWallet : connectedWallets[0],
+        user,
     });
     const { clearAllWalletConnectSessions } = useClearWalletConnectSessions({
         connectors: walletConnectors,

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var React = require('react');
-var decodeJwt = require('../../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
@@ -22,7 +21,7 @@ require('@dynamic-labs/utils');
 require('../../../../shared/consts/index.cjs');
 var getWalletVerifiedCredential = require('../../../../utils/functions/getWalletVerifiedCredential/getWalletVerifiedCredential.cjs');
 
-const useNameService = ({ currentWallet, authToken }) => {
+const useNameService = ({ currentWallet, user }) => {
     const [connectedNameService, setConnectedNameService, removeConnectedNameService,] = useLocalStorage.useLocalStorage(localStorage.CONNECTED_WALLET_NAME_SERVICE, null);
     const lastFetchedNameServiceAddress = React.useRef();
     const lastFetchedNameServiceNetwork = React.useRef();
@@ -60,16 +59,16 @@ const useNameService = ({ currentWallet, authToken }) => {
         return undefined;
     }), [setConnectedNameService]);
     const getNameService = (address) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b;
+        var _a;
         if (!currentWallet) {
             return;
         }
         const network = yield currentWallet.connector.getNetwork();
-        const verifiedCredentials = (_a = decodeJwt.decodeJwt(authToken)) === null || _a === void 0 ? void 0 : _a.verifiedCredentials;
+        const verifiedCredentials = user === null || user === void 0 ? void 0 : user.verifiedCredentials;
         //if there are verified credentials, check if there is a name service for the current wallet
         if (verifiedCredentials) {
             const verifiedCredential = getWalletVerifiedCredential.getWalletVerifiedCredential(currentWallet === null || currentWallet === void 0 ? void 0 : currentWallet.address, verifiedCredentials, currentWallet.chain);
-            if (verifiedCredential && ((_b = verifiedCredential.nameService) === null || _b === void 0 ? void 0 : _b.name)) {
+            if (verifiedCredential && ((_a = verifiedCredential.nameService) === null || _a === void 0 ? void 0 : _a.name)) {
                 return verifiedCredential.nameService;
             }
         }

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

@@ -1,10 +1,11 @@
 import { NameServiceData } from '@dynamic-labs/sdk-api-core';
 import { Wallet } from '../../../../shared';
+import { UserProfile } from '../../../../..';
 type Props = {
-    authToken: string | undefined;
+    user: UserProfile | undefined;
     currentWallet: Wallet | null;
 };
-export declare const useNameService: ({ currentWallet, authToken }: Props) => {
+export declare const useNameService: ({ currentWallet, user }: Props) => {
     getNameService: (address?: string) => Promise<NameServiceData | undefined>;
     removeConnectedNameService: () => void;
 };

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

@@ -1,7 +1,6 @@
 'use client'
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { useRef, useCallback } from 'react';
-import { decodeJwt } from '../../../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -18,7 +17,7 @@ import '@dynamic-labs/utils';
 import '../../../../shared/consts/index.js';
 import { getWalletVerifiedCredential } from '../../../../utils/functions/getWalletVerifiedCredential/getWalletVerifiedCredential.js';
 
-const useNameService = ({ currentWallet, authToken }) => {
+const useNameService = ({ currentWallet, user }) => {
     const [connectedNameService, setConnectedNameService, removeConnectedNameService,] = useLocalStorage(CONNECTED_WALLET_NAME_SERVICE, null);
     const lastFetchedNameServiceAddress = useRef();
     const lastFetchedNameServiceNetwork = useRef();
@@ -56,16 +55,16 @@ const useNameService = ({ currentWallet, authToken }) => {
         return undefined;
     }), [setConnectedNameService]);
     const getNameService = (address) => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b;
+        var _a;
         if (!currentWallet) {
             return;
         }
         const network = yield currentWallet.connector.getNetwork();
-        const verifiedCredentials = (_a = decodeJwt(authToken)) === null || _a === void 0 ? void 0 : _a.verifiedCredentials;
+        const verifiedCredentials = user === null || user === void 0 ? void 0 : user.verifiedCredentials;
         //if there are verified credentials, check if there is a name service for the current wallet
         if (verifiedCredentials) {
             const verifiedCredential = getWalletVerifiedCredential(currentWallet === null || currentWallet === void 0 ? void 0 : currentWallet.address, verifiedCredentials, currentWallet.chain);
-            if (verifiedCredential && ((_b = verifiedCredential.nameService) === null || _b === void 0 ? void 0 : _b.name)) {
+            if (verifiedCredential && ((_a = verifiedCredential.nameService) === null || _a === void 0 ? void 0 : _a.name)) {
                 return verifiedCredential.nameService;
             }
         }

package/src/lib/context/PasskeyContext/PasskeyContext.cjs

@@ -133,7 +133,7 @@ const PasskeyContextProviderWithBrowser = ({ children, }) => {
         if (typeof window === 'undefined') {
             return false;
         }
-        const { location: { hostname }, } = window;
+        const hostname = utils.LocationService.getHostname();
         if (!getUserPasskeysResult.data)
             return false;
         return getUserPasskeysResult.data.some((passkey) => {

package/src/lib/context/PasskeyContext/PasskeyContext.js

@@ -2,7 +2,7 @@
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useContext, useState, useMemo, useCallback } from 'react';
-import { getTLD } from '@dynamic-labs/utils';
+import { LocationService, getTLD } from '@dynamic-labs/utils';
 import '../../events/dynamicEvents.js';
 import '../DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
@@ -129,7 +129,7 @@ const PasskeyContextProviderWithBrowser = ({ children, }) => {
         if (typeof window === 'undefined') {
             return false;
         }
-        const { location: { hostname }, } = window;
+        const hostname = LocationService.getHostname();
         if (!getUserPasskeysResult.data)
             return false;
         return getUserPasskeysResult.data.some((passkey) => {

package/src/lib/context/ViewContext/types/index.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { viewToComponentMap } from '../../../views/viewToComponentMap';
-export type ViewType = 'select-hardware-wallet' | 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-no-wallet' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'login-with-sms-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'update-email' | 'verify-email' | 'verify-sms' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'select-wallet-in-wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'merge-user-accounts-conflicts' | 'merge-user-accounts-with-same-email' | 'mfa-choose-device' | 'mfa-secure-device' | 'mfa-verification' | 'mfa-display-backup-codes' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-add-email' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'passkey-new-domain-detected' | 'embedded-reveal-view' | 'embedded-reveal-account-view' | 'embedded-wallet-auth-choice' | 'rename-passkey' | 'wallet-redirect-view' | 'create-password-view' | 'wallet-claim-intro' | 'farcaster-connect-view';
+export type ViewType = 'select-hardware-wallet' | 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-no-wallet' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'login-with-sms-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'verify-email' | 'verify-sms' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'select-wallet-in-wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'merge-user-accounts-conflicts' | 'merge-user-accounts-with-same-email' | 'mfa-choose-device' | 'mfa-recovery' | 'mfa-secure-device' | 'mfa-verification' | 'mfa-display-backup-codes' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-add-email' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'passkey-new-domain-detected' | 'embedded-reveal-view' | 'embedded-reveal-account-view' | 'embedded-wallet-auth-choice' | 'rename-passkey' | 'wallet-redirect-view' | 'create-password-view' | 'wallet-claim-intro' | 'farcaster-connect-view';
 export type ViewMapConstraint = Record<ViewType, FC<any>>;
 type ComponentProps<T extends FC<any>> = T extends FC<infer P> ? P : never;
 export type ViewMap = typeof viewToComponentMap;