@dynamic-labs/sdk-react-core 2.0.0-alpha.6 → 2.0.0-alpha.8

package/src/lib/views/SmsVerification/useSmsVerification/useSmsVerification.cjs

@@ -24,6 +24,7 @@ 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/chains');
 var api = require('../../../data/api.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
@@ -31,7 +32,7 @@ require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 var useCreateUserProfileByJWTCallback = require('../../../utils/hooks/useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.cjs');
 var VerificationContext = require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
-require('../../../context/WalletContext/WalletContext.cjs');
+var useEmbeddedWallet = require('../../../utils/hooks/useEmbeddedWallet/useEmbeddedWallet.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 var useMutation = require('../../../utils/hooks/useMutation/useMutation.cjs');
 require('@dynamic-labs/types');
@@ -57,6 +58,7 @@ require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBa
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
+require('../../../context/WalletContext/WalletContext.cjs');
 require('formik');
 require('qrcode');
 require('../../WalletList/WalletList.cjs');
@@ -65,6 +67,7 @@ require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secon
 require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../config/ApiEndpoint.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
@@ -78,11 +81,14 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
 
 const sleepToShowSuccessMessage = () => utils.sleep(1500);
 const useSmsVerification = () => {
-    const { verificationUUID, displayedDestination: formattedPhone = '', retryData, } = VerificationContext.useVerification();
-    const { environmentId, handleLogOut, setOnboardingOnlyJwt, setCallback } = useInternalDynamicContext.useInternalDynamicContext();
+    var _a, _b;
+    const { verificationUUID, displayedDestination: formattedPhoneNoCountry = '', retryData, } = VerificationContext.useVerification();
+    const { environmentId, handleLogOut, setOnboardingOnlyJwt, setCallback, setShowAuthFlow, projectSettings, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView, goToInitialView } = ViewContext.useViewContext();
     const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback.useCreateUserProfileByJWTCallback();
     const [error, setError] = React.useState();
+    const { createEmbeddedWallet } = useEmbeddedWallet.useEmbeddedWallet();
+    const isTurnkeyProviderEnabled = isTurnkeyEnabled.isTurnkeyEnabled(projectSettings);
     const retryOneTimePassword = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (!verificationUUID || !retryData) {
             yield handleLogOut();
@@ -97,7 +103,11 @@ const useSmsVerification = () => {
             verificationUUID,
         });
     });
+    const formattedPhone = retryData
+        ? `+${retryData.dialCode} ${formattedPhoneNoCountry}`
+        : formattedPhoneNoCountry;
     const submitOtp = React.useCallback((verificationToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _c, _d;
         if (!verificationUUID) {
             yield handleLogOut();
             goToInitialView();
@@ -117,21 +127,37 @@ const useSmsVerification = () => {
         if (decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields.length) {
             setOnboardingOnlyJwt(jwt);
             yield sleepToShowSuccessMessage();
-            setView('collect-user-data');
+            setView('collect-user-data-login-no-wallet', {
+                userIdentification: 'phoneNumber',
+                userIdentificationOverride: formattedPhone,
+            });
             return true;
         }
         setCallback('authSuccess');
         // this timeout is set to make sure that the user will see success message
         yield sleepToShowSuccessMessage();
         yield createUserProfileByJWT(jwt);
+        if (isTurnkeyProviderEnabled &&
+            !((_d = (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.embeddedWallets) === null || _d === void 0 ? void 0 : _d.automaticEmbeddedWalletCreation)) {
+            setShowAuthFlow(false);
+            return true;
+        }
+        // this function will check turnkey wallet enabled and create wallet if needed
+        // if not enabled, it will throw an error.
+        yield createEmbeddedWallet().catch(() => setShowAuthFlow(false));
         return true;
     }), [
+        createEmbeddedWallet,
         createUserProfileByJWT,
         environmentId,
+        formattedPhone,
         goToInitialView,
         handleLogOut,
+        isTurnkeyProviderEnabled,
+        (_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,
         setCallback,
         setOnboardingOnlyJwt,
+        setShowAuthFlow,
         setView,
         verificationUUID,
     ]);
@@ -153,9 +179,7 @@ const useSmsVerification = () => {
     });
     return {
         error,
-        formattedPhone: retryData
-            ? `+${retryData.dialCode} ${formattedPhone}`
-            : formattedPhone,
+        formattedPhone,
         isLoading,
         isValid,
         onSubmit,

package/src/lib/views/SmsVerification/useSmsVerification/useSmsVerification.js

@@ -20,6 +20,7 @@ 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/chains';
 import { signInWithSmsVerification, retrySmsVerification } from '../../../data/api.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
@@ -27,7 +28,7 @@ import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import { useCreateUserProfileByJWTCallback } from '../../../utils/hooks/useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.js';
 import { useVerification } from '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
-import '../../../context/WalletContext/WalletContext.js';
+import { useEmbeddedWallet } from '../../../utils/hooks/useEmbeddedWallet/useEmbeddedWallet.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import { useMutation } from '../../../utils/hooks/useMutation/useMutation.js';
 import '@dynamic-labs/types';
@@ -53,6 +54,7 @@ import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBan
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
+import '../../../context/WalletContext/WalletContext.js';
 import 'formik';
 import 'qrcode';
 import '../../WalletList/WalletList.js';
@@ -61,6 +63,7 @@ import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/Second
 import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../../../context/LoadingContext/LoadingContext.js';
+import '../../../config/ApiEndpoint.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
@@ -74,11 +77,14 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 
 const sleepToShowSuccessMessage = () => sleep(1500);
 const useSmsVerification = () => {
-    const { verificationUUID, displayedDestination: formattedPhone = '', retryData, } = useVerification();
-    const { environmentId, handleLogOut, setOnboardingOnlyJwt, setCallback } = useInternalDynamicContext();
+    var _a, _b;
+    const { verificationUUID, displayedDestination: formattedPhoneNoCountry = '', retryData, } = useVerification();
+    const { environmentId, handleLogOut, setOnboardingOnlyJwt, setCallback, setShowAuthFlow, projectSettings, } = useInternalDynamicContext();
     const { setView, goToInitialView } = useViewContext();
     const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback();
     const [error, setError] = useState();
+    const { createEmbeddedWallet } = useEmbeddedWallet();
+    const isTurnkeyProviderEnabled = isTurnkeyEnabled(projectSettings);
     const retryOneTimePassword = () => __awaiter(void 0, void 0, void 0, function* () {
         if (!verificationUUID || !retryData) {
             yield handleLogOut();
@@ -93,7 +99,11 @@ const useSmsVerification = () => {
             verificationUUID,
         });
     });
+    const formattedPhone = retryData
+        ? `+${retryData.dialCode} ${formattedPhoneNoCountry}`
+        : formattedPhoneNoCountry;
     const submitOtp = useCallback((verificationToken) => __awaiter(void 0, void 0, void 0, function* () {
+        var _c, _d;
         if (!verificationUUID) {
             yield handleLogOut();
             goToInitialView();
@@ -113,21 +123,37 @@ const useSmsVerification = () => {
         if (decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields.length) {
             setOnboardingOnlyJwt(jwt);
             yield sleepToShowSuccessMessage();
-            setView('collect-user-data');
+            setView('collect-user-data-login-no-wallet', {
+                userIdentification: 'phoneNumber',
+                userIdentificationOverride: formattedPhone,
+            });
             return true;
         }
         setCallback('authSuccess');
         // this timeout is set to make sure that the user will see success message
         yield sleepToShowSuccessMessage();
         yield createUserProfileByJWT(jwt);
+        if (isTurnkeyProviderEnabled &&
+            !((_d = (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.embeddedWallets) === null || _d === void 0 ? void 0 : _d.automaticEmbeddedWalletCreation)) {
+            setShowAuthFlow(false);
+            return true;
+        }
+        // this function will check turnkey wallet enabled and create wallet if needed
+        // if not enabled, it will throw an error.
+        yield createEmbeddedWallet().catch(() => setShowAuthFlow(false));
         return true;
     }), [
+        createEmbeddedWallet,
         createUserProfileByJWT,
         environmentId,
+        formattedPhone,
         goToInitialView,
         handleLogOut,
+        isTurnkeyProviderEnabled,
+        (_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,
         setCallback,
         setOnboardingOnlyJwt,
+        setShowAuthFlow,
         setView,
         verificationUUID,
     ]);
@@ -149,9 +175,7 @@ const useSmsVerification = () => {
     });
     return {
         error,
-        formattedPhone: retryData
-            ? `+${retryData.dialCode} ${formattedPhone}`
-            : formattedPhone,
+        formattedPhone,
         isLoading,
         isValid,
         onSubmit,

package/src/lib/views/WalletUsedView/WalletUsedView.cjs

@@ -82,6 +82,7 @@ require('../WalletList/WalletList.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../config/ApiEndpoint.cjs');
 require('../LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
 
 const WalletUsedView = () => {

package/src/lib/views/WalletUsedView/WalletUsedView.js

@@ -78,6 +78,7 @@ import '../WalletList/WalletList.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../../config/ApiEndpoint.js';
 import '../LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
 
 const WalletUsedView = () => {

package/src/lib/views/viewToComponentMap.cjs

@@ -7,8 +7,10 @@ var BridgeNextWalletConnectionView = require('./BridgeNextWalletConnectionView/B
 var BridgeSummaryView = require('./BridgeSummaryView/BridgeSummaryView.cjs');
 var BridgeWelcomeView = require('./BridgeWelcomeView/BridgeWelcomeView.cjs');
 var CaptchaVerifyUser = require('./CaptchaVerifyUser/CaptchaVerifyUser.cjs');
+var CoinbaseMPCClaimIntro = require('./CoinbaseMPCClaimIntro/CoinbaseMPCClaimIntro.cjs');
 var CollectUserDataView = require('./CollectUserDataView/CollectUserDataView.cjs');
-var CollectUserDataViewLoginWithEmail = require('./CollectUserDataViewLoginWithEmail/CollectUserDataViewLoginWithEmail.cjs');
+var CollectUserDataViewNoWallet = require('./CollectUserDataViewNoWallet/CollectUserDataViewNoWallet.cjs');
+var CreatePasswordView = require('./CreatePasswordView/CreatePasswordView.cjs');
 var EmailConfirmationWaitingView = require('./EmailConfirmationWaitingView/EmailConfirmationWaitingView.cjs');
 var EmailUpdate = require('./EmailUpdate/EmailUpdate.cjs');
 var EmailVerification = require('./EmailVerification/EmailVerification.cjs');
@@ -63,7 +65,6 @@ require('../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../context/UserWalletsContext/UserWalletsContext.cjs');
-var CreatePasswordView = require('./CreatePasswordView/CreatePasswordView.cjs');
 require('../components/ShadowDOM/ShadowDOM.cjs');
 require('../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
@@ -106,7 +107,6 @@ var WalletLockedView = require('./WalletLockedView/WalletLockedView.cjs');
 var WalletRedirectView = require('./WalletRedirectView/WalletRedirectView.cjs');
 var WalletSignSpinnerView = require('./WalletSignSpinnerView/WalletSignSpinnerView.cjs');
 var WalletUsedView = require('./WalletUsedView/WalletUsedView.cjs');
-var CoinbaseMPCClaimIntro = require('./CoinbaseMPCClaimIntro/CoinbaseMPCClaimIntro.cjs');
 var PasskeyNewDomainDetectedView = require('./Passkey/PasskeyNewDomainDetectedView/PasskeyNewDomainDetectedView.cjs');
 
 const viewToComponentMap = {
@@ -117,7 +117,7 @@ const viewToComponentMap = {
     captcha: CaptchaVerifyUser.CaptchaVerifyUser,
     'chainalysis-blocked-wallet': NoAccess.NoAccess,
     'collect-user-data': CollectUserDataView.CollectUserDataView,
-    'collect-user-data-login-with-email': CollectUserDataViewLoginWithEmail.CollectUserDataViewLoginWithEmail,
+    'collect-user-data-login-no-wallet': CollectUserDataViewNoWallet.CollectUserDataViewNoWallet,
     'create-password-view': CreatePasswordView.CreatePasswordView,
     'email-wallet-otp-verification-view': EmailWalletOTPVerificationView.EmailWalletOTPVerificationView,
     'embedded-reveal-account-view': EmbeddedRevealView.EmbeddedRevealView,

package/src/lib/views/viewToComponentMap.d.ts

@@ -1,2 +1,60 @@
-import { ViewMap } from '../context/ViewContext';
-export declare const viewToComponentMap: ViewMap;
+/// <reference types="react" />
+export declare const viewToComponentMap: {
+    'account-exists': () => JSX.Element;
+    'bridge-next-wallet-connection': import("react").FC;
+    'bridge-summary': () => JSX.Element;
+    'bridge-welcome': () => JSX.Element;
+    captcha: () => JSX.Element;
+    'chainalysis-blocked-wallet': () => JSX.Element;
+    'collect-user-data': () => JSX.Element | null;
+    'collect-user-data-login-no-wallet': import("react").FC<{
+        userIdentification: keyof import("@dynamic-labs/sdk-api").UserFields | "chain" | "ens" | "environmentId" | "isAuthenticatedWithAWallet" | "lastVerifiedCredentialId" | "lists" | "newUser" | "sessionId" | "userId" | "verifiedCredentials" | "wallet" | "scope";
+        userIdentificationOverride?: string | undefined;
+    }>;
+    'create-password-view': import("react").FC<import("./CreatePasswordView/CreatePasswordView").CreatePasswordViewProps>;
+    'email-wallet-otp-verification-view': () => JSX.Element;
+    'embedded-reveal-account-view': import("react").FC<import("./EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView").EmbeddedRevealViewProps>;
+    'embedded-reveal-view': import("react").FC<import("./EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView").EmbeddedRevealViewProps>;
+    'embedded-wallet-auth-choice': import("react").FC<import("./Passkey/EmbeddedAuthChoice/EmbeddedAuthChoice").EmbeddedAuthChoiceProps>;
+    'gate-blocked-wallet': () => JSX.Element;
+    'login-with-email-or-wallet': () => JSX.Element;
+    'login-with-email-or-wallet-full-wallet-list': () => JSX.Element;
+    'login-with-email-verification': () => JSX.Element;
+    'login-with-sms-verification': import("react").FC;
+    'login-with-wallet-only': () => JSX.Element;
+    'merge-user-accounts': () => JSX.Element;
+    'multi-wallet-wallet-list': ({ isWalletConnectList, }: import("./WalletList").WalletListProps) => JSX.Element;
+    'network-not-supported': () => JSX.Element | null;
+    'network-not-supported-manual': import("react").FC;
+    'no-access': () => JSX.Element;
+    'no-qr-not-installed': () => JSX.Element | null;
+    'passkey-intro': import("react").FC;
+    'passkey-new-domain-detected': import("react").FC;
+    'passkey-recovery-bundle': import("react").FC<import("./Passkey/PasskeyRecovery/BundleValidation/PasskeyBundleRecovery").PasskeyBundleValidationProps>;
+    'passkey-recovery-complete': import("react").FC;
+    'passkey-recovery-start': import("react").FC<import("./Passkey/PasskeyRecovery/InitRecovery/PasskeyInitRecovery").PasskeyInitRecoveryProps>;
+    'pending-connect': () => JSX.Element;
+    'pending-signature': () => JSX.Element | null;
+    'pending-signature-without-back-button': () => JSX.Element | null;
+    'qr-code': () => JSX.Element | null;
+    'rename-passkey': import("react").FC;
+    'select-hardware-wallet': import("react").FC<{
+        wallet: import("../shared").WalletOption;
+        onSelectWallet?: ((wallet: import("../shared").WalletOption) => void) | undefined;
+    }>;
+    'select-wallet-in-wallet-group': import("react").FC;
+    'social-redirect-view': () => JSX.Element;
+    'social-wrong-account': () => JSX.Element | null;
+    'update-email': () => JSX.Element;
+    'verify-email': () => JSX.Element;
+    'wait-for-email-confirmation-view': () => JSX.Element;
+    'wallet-cannot-be-transferred': () => JSX.Element;
+    'wallet-claim-intro': () => JSX.Element;
+    'wallet-connect-mobile-wallets-list': ({ isWalletConnectList, }: import("./WalletList").WalletListProps) => JSX.Element;
+    'wallet-group': import("react").FC;
+    'wallet-list': ({ isWalletConnectList, }: import("./WalletList").WalletListProps) => JSX.Element;
+    'wallet-locked-view': () => JSX.Element | null;
+    'wallet-redirect-view': () => JSX.Element;
+    'wallet-sign': () => JSX.Element | null;
+    'wallet-used': () => JSX.Element;
+};

package/src/lib/views/viewToComponentMap.js

@@ -3,8 +3,10 @@ import { BridgeNextWalletConnectionView } from './BridgeNextWalletConnectionView
 import { BridgeSummaryView } from './BridgeSummaryView/BridgeSummaryView.js';
 import { BridgeWelcomeView } from './BridgeWelcomeView/BridgeWelcomeView.js';
 import { CaptchaVerifyUser } from './CaptchaVerifyUser/CaptchaVerifyUser.js';
+import { CoinbaseMPCClaimIntro } from './CoinbaseMPCClaimIntro/CoinbaseMPCClaimIntro.js';
 import { CollectUserDataView } from './CollectUserDataView/CollectUserDataView.js';
-import { CollectUserDataViewLoginWithEmail } from './CollectUserDataViewLoginWithEmail/CollectUserDataViewLoginWithEmail.js';
+import { CollectUserDataViewNoWallet } from './CollectUserDataViewNoWallet/CollectUserDataViewNoWallet.js';
+import { CreatePasswordView } from './CreatePasswordView/CreatePasswordView.js';
 import { EmailConfirmationWaitingView } from './EmailConfirmationWaitingView/EmailConfirmationWaitingView.js';
 import { EmailUpdate } from './EmailUpdate/EmailUpdate.js';
 import { EmailVerification } from './EmailVerification/EmailVerification.js';
@@ -59,7 +61,6 @@ import '../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../context/UserWalletsContext/UserWalletsContext.js';
-import { CreatePasswordView } from './CreatePasswordView/CreatePasswordView.js';
 import '../components/ShadowDOM/ShadowDOM.js';
 import '../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
@@ -102,7 +103,6 @@ import { WalletLockedView } from './WalletLockedView/WalletLockedView.js';
 import { WalletRedirectView } from './WalletRedirectView/WalletRedirectView.js';
 import { WalletSignSpinnerView } from './WalletSignSpinnerView/WalletSignSpinnerView.js';
 import { WalletUsedView } from './WalletUsedView/WalletUsedView.js';
-import { CoinbaseMPCClaimIntro } from './CoinbaseMPCClaimIntro/CoinbaseMPCClaimIntro.js';
 import { PasskeyNewDomainDetectedView } from './Passkey/PasskeyNewDomainDetectedView/PasskeyNewDomainDetectedView.js';
 
 const viewToComponentMap = {
@@ -113,7 +113,7 @@ const viewToComponentMap = {
     captcha: CaptchaVerifyUser,
     'chainalysis-blocked-wallet': NoAccess,
     'collect-user-data': CollectUserDataView,
-    'collect-user-data-login-with-email': CollectUserDataViewLoginWithEmail,
+    'collect-user-data-login-no-wallet': CollectUserDataViewNoWallet,
     'create-password-view': CreatePasswordView,
     'email-wallet-otp-verification-view': EmailWalletOTPVerificationView,
     'embedded-reveal-account-view': EmbeddedRevealView,

package/src/lib/widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs

@@ -63,12 +63,12 @@ require('qrcode');
 require('../../../../../../views/WalletList/WalletList.cjs');
 require('../../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('i18next');
 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('i18next');
 require('../../../../../DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../../DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');

package/src/lib/widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js

@@ -59,12 +59,12 @@ import 'qrcode';
 import '../../../../../../views/WalletList/WalletList.js';
 import '../../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '@hcaptcha/react-hcaptcha';
+import 'i18next';
 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 'i18next';
 import '../../../../../DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../../DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var reactI18next = require('react-i18next');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 require('../../../../../events/dynamicEvents.cjs');
 require('../../../../../../../_virtual/_tslib.cjs');
@@ -37,7 +38,6 @@ var WalletContext = require('../../../../../context/WalletContext/WalletContext.
 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');
@@ -63,7 +63,7 @@ require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');
 var Button = require('../../../../../components/Button/Button.cjs');
-require('../../../../../components/Alert/Alert.cjs');
+var Alert = require('../../../../../components/Alert/Alert.cjs');
 require('../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
@@ -80,6 +80,7 @@ require('@hcaptcha/react-hcaptcha');
 var UserAvatar = require('../../../../../components/UserAvatar/UserAvatar.cjs');
 require('../../../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
 var SecureEmbeddedWalletCard = require('../../../../../components/SecureEmbeddedWalletCard/SecureEmbeddedWalletCard.cjs');
+var spinner = require('../../../../../components/Spinner/spinner.cjs');
 var FundingContext = require('../../../../../context/FundingContext/FundingContext.cjs');
 var SendBalanceContext = require('../../../../../context/SendBalanceContext/SendBalanceContext.cjs');
 var ActiveWalletInformation = require('../../ActiveWalletInformation/ActiveWalletInformation.cjs');
@@ -95,6 +96,7 @@ const DynamicWidgetWalletHeader = ({ variant, }) => {
     const { supportsFunding, setShowFunding, fundingEnabled } = FundingContext.useFundingContext();
     const { setDynamicWidgetView, setIsOpen } = DynamicWidgetContext.useWidgetContext();
     const { isLoadingEmbeddedWallet } = WalletContext.useWalletContext();
+    const { t } = reactI18next.useTranslation();
     const isSendBalanceEnabled = React.useMemo(() => {
         const connector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
         if (!connector)
@@ -126,11 +128,11 @@ const DynamicWidgetWalletHeader = ({ variant, }) => {
         }
     };
     const isActionsVisible = isSendBalanceEnabled || fundingEnabled;
-    return (jsxRuntime.jsxs("div", { className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header', children: [renderWalletHeader(), primaryWallet ? (jsxRuntime.jsxs("div", { "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info', children: [jsxRuntime.jsx(SecureEmbeddedWalletCard.SecureEmbeddedWalletCard, { className: 'dynamic-widget-wallet-header__wallet-info__secure-wallet' }), isActionsVisible && (jsxRuntime.jsxs("div", { className: 'dynamic-widget-wallet-header__wallet-actions', children: [fundingEnabled && (jsxRuntime.jsx(Button.Button, { expanded: true, dataTestId: 'buy-crypto-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: () => setShowFunding(true), disabled: !supportsFunding, startSlot: 
+    return (jsxRuntime.jsxs("div", { className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header', children: [renderWalletHeader(), isLoadingEmbeddedWallet && (jsxRuntime.jsx("div", { className: 'dynamic-widget-wallet-header__wallet-info', children: jsxRuntime.jsx("div", { className: 'dynamic-widget-wallet-header__wallet-loading', children: jsxRuntime.jsx(Alert.Alert, { variant: 'info', icon: jsxRuntime.jsx(spinner.Spinner, { className: 'button__spinner' }), children: t('dyn_creating_wallet.loading_message') }) }) })), primaryWallet ? (jsxRuntime.jsxs("div", { "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info', children: [jsxRuntime.jsx(SecureEmbeddedWalletCard.SecureEmbeddedWalletCard, { className: 'dynamic-widget-wallet-header__wallet-info__secure-wallet' }), isActionsVisible && (jsxRuntime.jsxs("div", { className: 'dynamic-widget-wallet-header__wallet-actions', children: [fundingEnabled && (jsxRuntime.jsx(Button.Button, { expanded: true, dataTestId: 'buy-crypto-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: () => setShowFunding(true), disabled: !supportsFunding, startSlot: 
                                 // eslint-disable-next-line react/jsx-wrap-multilines
                                 jsxRuntime.jsx(Icon.Icon, { size: 'small', color: 'text-secondary', children: jsxRuntime.jsx(add.ReactComponent, {}) }), children: "Buy" })), isSendBalanceEnabled && (jsxRuntime.jsx(Button.Button, { expanded: true, dataTestId: 'send-balance-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: handleOnClickSend, startSlot: 
                                 // eslint-disable-next-line react/jsx-wrap-multilines
-                                jsxRuntime.jsx(Icon.Icon, { size: 'small', color: 'text-secondary', children: jsxRuntime.jsx(send.ReactComponent, {}) }), children: "Send" }))] }))] })) : (jsxRuntime.jsx(Typography.Typography, { className: 'dynamic-widget-wallet-header__email', variant: 'body_normal', weight: 'regular', children: getUserIdentifier.getUserIdentifier(user) }))] }));
+                                jsxRuntime.jsx(Icon.Icon, { size: 'small', color: 'text-secondary', children: jsxRuntime.jsx(send.ReactComponent, {}) }), children: "Send" }))] }))] })) : (jsxRuntime.jsx(Typography.Typography, { className: 'dynamic-widget-wallet-header__email', variant: 'body_normal', weight: 'regular', children: !isLoadingEmbeddedWallet && getUserIdentifier.getUserIdentifier(user) }))] }));
 };
 React__default["default"].memo(DynamicWidgetWalletHeader);
 

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.js

@@ -1,5 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React__default, { useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
 import { isEmbeddedConnector } from '@dynamic-labs/wallet-connector-core';
 import '../../../../../events/dynamicEvents.js';
 import '../../../../../../../_virtual/_tslib.js';
@@ -33,7 +34,6 @@ import { useWalletContext } from '../../../../../context/WalletContext/WalletCon
 import '../../../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
-import 'react-i18next';
 import '../../../../../context/MockContext/MockContext.js';
 import '../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
@@ -59,7 +59,7 @@ import '../../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
 import { Button } from '../../../../../components/Button/Button.js';
-import '../../../../../components/Alert/Alert.js';
+import { Alert } from '../../../../../components/Alert/Alert.js';
 import '../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
@@ -76,6 +76,7 @@ import '@hcaptcha/react-hcaptcha';
 import { UserAvatar } from '../../../../../components/UserAvatar/UserAvatar.js';
 import '../../../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
 import { SecureEmbeddedWalletCard } from '../../../../../components/SecureEmbeddedWalletCard/SecureEmbeddedWalletCard.js';
+import { Spinner } from '../../../../../components/Spinner/spinner.js';
 import { useFundingContext } from '../../../../../context/FundingContext/FundingContext.js';
 import { useSendBalance } from '../../../../../context/SendBalanceContext/SendBalanceContext.js';
 import { ActiveWalletInformation } from '../../ActiveWalletInformation/ActiveWalletInformation.js';
@@ -87,6 +88,7 @@ const DynamicWidgetWalletHeader = ({ variant, }) => {
     const { supportsFunding, setShowFunding, fundingEnabled } = useFundingContext();
     const { setDynamicWidgetView, setIsOpen } = useWidgetContext();
     const { isLoadingEmbeddedWallet } = useWalletContext();
+    const { t } = useTranslation();
     const isSendBalanceEnabled = useMemo(() => {
         const connector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
         if (!connector)
@@ -118,11 +120,11 @@ const DynamicWidgetWalletHeader = ({ variant, }) => {
         }
     };
     const isActionsVisible = isSendBalanceEnabled || fundingEnabled;
-    return (jsxs("div", { className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header', children: [renderWalletHeader(), primaryWallet ? (jsxs("div", { "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info', children: [jsx(SecureEmbeddedWalletCard, { className: 'dynamic-widget-wallet-header__wallet-info__secure-wallet' }), isActionsVisible && (jsxs("div", { className: 'dynamic-widget-wallet-header__wallet-actions', children: [fundingEnabled && (jsx(Button, { expanded: true, dataTestId: 'buy-crypto-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: () => setShowFunding(true), disabled: !supportsFunding, startSlot: 
+    return (jsxs("div", { className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header', children: [renderWalletHeader(), isLoadingEmbeddedWallet && (jsx("div", { className: 'dynamic-widget-wallet-header__wallet-info', children: jsx("div", { className: 'dynamic-widget-wallet-header__wallet-loading', children: jsx(Alert, { variant: 'info', icon: jsx(Spinner, { className: 'button__spinner' }), children: t('dyn_creating_wallet.loading_message') }) }) })), primaryWallet ? (jsxs("div", { "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info', children: [jsx(SecureEmbeddedWalletCard, { className: 'dynamic-widget-wallet-header__wallet-info__secure-wallet' }), isActionsVisible && (jsxs("div", { className: 'dynamic-widget-wallet-header__wallet-actions', children: [fundingEnabled && (jsx(Button, { expanded: true, dataTestId: 'buy-crypto-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: () => setShowFunding(true), disabled: !supportsFunding, startSlot: 
                                 // eslint-disable-next-line react/jsx-wrap-multilines
                                 jsx(Icon, { size: 'small', color: 'text-secondary', children: jsx(SvgAdd, {}) }), children: "Buy" })), isSendBalanceEnabled && (jsx(Button, { expanded: true, dataTestId: 'send-balance-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: handleOnClickSend, startSlot: 
                                 // eslint-disable-next-line react/jsx-wrap-multilines
-                                jsx(Icon, { size: 'small', color: 'text-secondary', children: jsx(SvgSend, {}) }), children: "Send" }))] }))] })) : (jsx(Typography, { className: 'dynamic-widget-wallet-header__email', variant: 'body_normal', weight: 'regular', children: getUserIdentifier(user) }))] }));
+                                jsx(Icon, { size: 'small', color: 'text-secondary', children: jsx(SvgSend, {}) }), children: "Send" }))] }))] })) : (jsx(Typography, { className: 'dynamic-widget-wallet-header__email', variant: 'body_normal', weight: 'regular', children: !isLoadingEmbeddedWallet && getUserIdentifier(user) }))] }));
 };
 React__default.memo(DynamicWidgetWalletHeader);
 

package/src/lib/widgets/DynamicWidget/context/DynamicWidgetContext.cjs

@@ -17,7 +17,7 @@ require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
-require('../../../events/dynamicEvents.cjs');
+var useDynamicEvents = require('../../../utils/hooks/events/useDynamicEvents/useDynamicEvents.cjs');
 require('../../../../../_virtual/_tslib.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
@@ -29,6 +29,7 @@ require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
+require('../../../events/dynamicEvents.cjs');
 require('../../../context/WalletContext/WalletContext.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 var useKYCFlag = require('../../../utils/hooks/useKYCFlag/useKYCFlag.cjs');
@@ -87,6 +88,7 @@ const DynamicWidgetContextProvider = ({ children, }) => {
             return setDynamicWidgetView('profile');
         setDynamicWidgetView('wallets');
     }, [isKYCEnabled, multiWallet]);
+    useDynamicEvents.useInternalDynamicEvents('logout', () => goToInitialDynamicWidgetView());
     const value = React.useMemo(() => ({
         availableWalletsContainerRef,
         dynamicWidgetView,
@@ -99,10 +101,11 @@ const DynamicWidgetContextProvider = ({ children, }) => {
         widgetRef,
     }), [
         dynamicWidgetView,
-        setShowDynamicUserProfile,
         goToInitialDynamicWidgetView,
         goToProfileView,
         showDynamicUserProfile,
+        setDynamicWidgetView,
+        setShowDynamicUserProfile,
     ]);
     return (jsxRuntime.jsx(DynamicWidgetContext.Provider, { value: value, children: children }));
 };

package/src/lib/widgets/DynamicWidget/context/DynamicWidgetContext.js

@@ -13,7 +13,7 @@ import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
-import '../../../events/dynamicEvents.js';
+import { useInternalDynamicEvents } from '../../../utils/hooks/events/useDynamicEvents/useDynamicEvents.js';
 import '../../../../../_virtual/_tslib.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
@@ -25,6 +25,7 @@ import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../../events/dynamicEvents.js';
 import '../../../context/WalletContext/WalletContext.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import { useKYCFlag } from '../../../utils/hooks/useKYCFlag/useKYCFlag.js';
@@ -83,6 +84,7 @@ const DynamicWidgetContextProvider = ({ children, }) => {
             return setDynamicWidgetView('profile');
         setDynamicWidgetView('wallets');
     }, [isKYCEnabled, multiWallet]);
+    useInternalDynamicEvents('logout', () => goToInitialDynamicWidgetView());
     const value = useMemo(() => ({
         availableWalletsContainerRef,
         dynamicWidgetView,
@@ -95,10 +97,11 @@ const DynamicWidgetContextProvider = ({ children, }) => {
         widgetRef,
     }), [
         dynamicWidgetView,
-        setShowDynamicUserProfile,
         goToInitialDynamicWidgetView,
         goToProfileView,
         showDynamicUserProfile,
+        setDynamicWidgetView,
+        setShowDynamicUserProfile,
     ]);
     return (jsx(DynamicWidgetContext.Provider, { value: value, children: children }));
 };