@dynamic-labs/sdk-react-core 1.1.0-alpha.3 → 1.1.0-alpha.5

package/src/lib/utils/hooks/authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.js

@@ -4,14 +4,31 @@ import { useInternalDynamicContext } from '../../../../context/DynamicContext/us
 import { verifyEmail } from '../../../../data/api.js';
 import { useUpdateUserProfileByJWTCallback } from '../../useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.js';
 import { useEmailVerificationContext } from '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
+import '@dynamic-labs/sdk-api';
+import '../../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../../constants/colors.js';
+import '../../../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import '@dynamic-labs/utils';
+import '../../../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+import { isTurnkeyEnabled } from '../../../functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
 
 // Hook exposed to the public as a scoped function in useUserUpdateRequest result
 const useEmailVerificationRequest = () => {
-    const { onboardingOnlyJwt, authToken, environmentId } = useInternalDynamicContext();
+    var _a;
+    const { onboardingOnlyJwt, authToken, environmentId, projectSettings, primaryWallet, } = useInternalDynamicContext();
     const jwtToken = onboardingOnlyJwt || authToken;
+    const isTurnkeyProviderEnabled = isTurnkeyEnabled(projectSettings);
     const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback();
     const { verificationUUID: emailVerificationContextVerificationUUID } = useEmailVerificationContext();
     const verifyEmail$1 = useCallback((verificationToken, verificationUUID) => __awaiter(void 0, void 0, void 0, function* () {
+        var _b;
         if (!jwtToken)
             throw new Error('No JWT token provided');
         // VerificationUUID is saved in the context in case the view changes
@@ -23,12 +40,22 @@ const useEmailVerificationRequest = () => {
             verificationToken,
             verificationUUID: String(verificationUUID || emailVerificationContextVerificationUUID),
         }, jwtToken);
+        if (isTurnkeyProviderEnabled &&
+            ((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.automaticEmbeddedWalletCreation) &&
+            !primaryWallet) {
+            // Don't create the user right now
+            // It will be done after the wallet creation
+            return verifyEmailResponse;
+        }
         yield updateUserProfileByJWT(verifyEmailResponse.jwt);
         return verifyEmailResponse;
     }), [
         emailVerificationContextVerificationUUID,
         environmentId,
+        isTurnkeyProviderEnabled,
         jwtToken,
+        primaryWallet,
+        (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.automaticEmbeddedWalletCreation,
         updateUserProfileByJWT,
     ]);
     return { verifyEmail: verifyEmail$1 };

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

@@ -41,3 +41,4 @@ export { useWalletConnectorOptions } from './useWalletConnectorOptions';
 export { useWalletConnectors } from './useWalletConnectors';
 export { useWalletItemActions } from './useWalletItemActions';
 export { useWalletUiUtils } from './useWalletUiUtils';
+export { useEmbeddedReveal } from './useEmbeddedReveal';

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

@@ -48,7 +48,8 @@ const useAuthLayoutChecks = (walletConnector) => {
         view !== 'social-redirect-view' &&
         view !== 'update-email' &&
         view !== 'collect-user-data-login-with-email' &&
-        view !== 'passkey-recovery-start';
+        view !== 'passkey-recovery-start' &&
+        view !== 'embedded-reveal-view';
     const showConnectedWalletProgress = isBridgeFlow &&
         (view === 'wallet-list' ||
             view === 'qr-code' ||
@@ -94,12 +95,14 @@ const useAuthLayoutChecks = (walletConnector) => {
         view === 'passkey-intro' ||
         (view === 'merge-user-accounts' && !user);
     const showQrCodePreHeader = view === 'qr-code' && showQrCodeMessage && !showQrCodeImage;
+    const showDefaultFooter = !showDynamicFooter && !showToSFooter;
     return {
         displayBorderBelowHeader,
         isWalletListTypeView,
         showBackButton,
         showCloseButton,
         showConnectedWalletProgress,
+        showDefaultFooter,
         showDynamicFooter,
         showHeader,
         showHelpContent,

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

@@ -5,6 +5,7 @@ export declare const useAuthLayoutChecks: (walletConnector?: WalletConnector | n
     showBackButton: boolean;
     showCloseButton: boolean;
     showConnectedWalletProgress: boolean;
+    showDefaultFooter: boolean;
     showDynamicFooter: boolean;
     showHeader: boolean;
     showHelpContent: boolean;

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

@@ -44,7 +44,8 @@ const useAuthLayoutChecks = (walletConnector) => {
         view !== 'social-redirect-view' &&
         view !== 'update-email' &&
         view !== 'collect-user-data-login-with-email' &&
-        view !== 'passkey-recovery-start';
+        view !== 'passkey-recovery-start' &&
+        view !== 'embedded-reveal-view';
     const showConnectedWalletProgress = isBridgeFlow &&
         (view === 'wallet-list' ||
             view === 'qr-code' ||
@@ -90,12 +91,14 @@ const useAuthLayoutChecks = (walletConnector) => {
         view === 'passkey-intro' ||
         (view === 'merge-user-accounts' && !user);
     const showQrCodePreHeader = view === 'qr-code' && showQrCodeMessage && !showQrCodeImage;
+    const showDefaultFooter = !showDynamicFooter && !showToSFooter;
     return {
         displayBorderBelowHeader,
         isWalletListTypeView,
         showBackButton,
         showCloseButton,
         showConnectedWalletProgress,
+        showDefaultFooter,
         showDynamicFooter,
         showHeader,
         showHelpContent,

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

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

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

@@ -0,0 +1,150 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+var sdkApi = require('@dynamic-labs/sdk-api');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
+var useWalletItemActions = require('../useWalletItemActions/useWalletItemActions.cjs');
+var dynamicEvents = require('../../../events/dynamicEvents.cjs');
+require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../constants/colors.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('viem');
+require('@dynamic-labs/utils');
+require('../../../shared/consts/index.cjs');
+require('@dynamic-labs/multi-wallet');
+var isProviderEnabled = require('../../functions/isProviderEnabled/isProviderEnabled.cjs');
+var isEmailValid = require('../../functions/isEmailValid/isEmailValid.cjs');
+var api = require('../../../data/api.cjs');
+var useCreateUserProfileByJWTCallback = require('../useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.cjs');
+
+const mapEmailProviderToProviderEnum = {
+    dynamic: sdkApi.ProviderEnum.Dynamic,
+    emailOnly: sdkApi.ProviderEnum.EmailOnly,
+    magicLink: sdkApi.ProviderEnum.MagicLink,
+};
+const allSupportedProviders = Object.values(mapEmailProviderToProviderEnum);
+/**
+ * Hook to connect and verify an email using a one-time password (OTP) with specified email providers.
+ *
+ * @param props - The properties for the hook. Includes an optional 'provider' to specify the email provider.
+ * @returns An object containing two functions:
+ *    - connectWithEmail: A function to initiate the OTP process with the provided email.
+ *    - verifyOneTimePassword: A function to verify the provided OTP.
+ *
+ * @example
+ * const { connectWithEmail, verifyOneTimePassword } = useConnectWithEmailOtp({ provider: ProviderEnum.MagicLink });
+ *
+ * // To initiate the OTP process
+ * connectWithEmail('user@example.com').then(() => {
+ *   // OTP sent to the email
+ * });
+ *
+ * // To verify the OTP
+ * verifyOneTimePassword('123456').then(() => {
+ *   // OTP verification successful
+ * }).catch((error) => {
+ *   // Error handling
+ * });
+ */
+const useConnectWithEmailOtp = ({ provider, } = {}) => {
+    const { walletConnectorOptions, environmentId, projectSettings, setCallback, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback.useCreateUserProfileByJWTCallback();
+    const { handleInstalledExtensionClick } = useWalletItemActions.useWalletItemActions();
+    const lastVerificationHandlerRef = React.useRef(null);
+    const providers = (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) || [];
+    const emailOtpWalletConnector = walletConnectorOptions
+        .map(({ walletConnector }) => walletConnector)
+        .find(walletConnectorCore.isEmailOTPWalletConnector);
+    const mapProviderToEnabled = {
+        dynamic: isProviderEnabled.isProviderEnabled(providers, sdkApi.ProviderEnum.Dynamic),
+        emailOnly: isProviderEnabled.isProviderEnabled(providers, sdkApi.ProviderEnum.EmailOnly),
+        magicLink: isProviderEnabled.isProviderEnabled(providers, sdkApi.ProviderEnum.MagicLink),
+    };
+    const emailHandler = (email) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const { verificationUUID } = yield api.createEmailVerification({
+            email,
+            environmentId,
+        });
+        return (oneTimePassword) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            const { jwt } = yield api.signInWithEmailVerification({
+                environmentId,
+                verificationToken: oneTimePassword,
+                verificationUUID,
+            });
+            yield createUserProfileByJWT(jwt);
+            return {
+                email,
+                verified: Boolean(jwt),
+            };
+        });
+    });
+    const magicHandler = (email) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (!emailOtpWalletConnector) {
+            throw new Error('OTP wallet connector was not found');
+        }
+        emailOtpWalletConnector.setEmail(email);
+        handleInstalledExtensionClick(emailOtpWalletConnector);
+        return (oneTimePassword) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            return ({
+                email,
+                verified: yield emailOtpWalletConnector.verifyOneTimePassword(oneTimePassword),
+            });
+        });
+    });
+    const mapProviderToHandler = {
+        [sdkApi.ProviderEnum.Dynamic]: emailHandler,
+        [sdkApi.ProviderEnum.EmailOnly]: emailHandler,
+        [sdkApi.ProviderEnum.MagicLink]: magicHandler,
+    };
+    const getEffectiveEmailProvider = (email) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (provider) {
+            return provider;
+        }
+        const { emailProvider } = yield api.getEmailProvider({
+            email,
+            environmentId,
+        });
+        if (!allSupportedProviders.includes(emailProvider)) {
+            throw new Error('Email provider is not supported');
+        }
+        return emailProvider;
+    });
+    const connectWithEmail = (email) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (!isEmailValid.isEmailValid(email)) {
+            throw new Error('Email is not valid');
+        }
+        const effectiveEmailProvider = yield getEffectiveEmailProvider(email);
+        if (!mapProviderToEnabled[effectiveEmailProvider]) {
+            throw new Error('Email provider is not enabled');
+        }
+        const verificationHandler = yield mapProviderToHandler[effectiveEmailProvider](email);
+        lastVerificationHandlerRef.current = verificationHandler;
+    });
+    const verifyOneTimePassword = (oneTimePassword) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (!lastVerificationHandlerRef.current) {
+            throw new Error('Verification have not started, use connectWithEmail before verifying');
+        }
+        const { email, verified } = yield lastVerificationHandlerRef.current(oneTimePassword);
+        dynamicEvents.dynamicEvents.emit('emailVerificationResult', verified, email);
+        if (verified) {
+            setCallback('authSuccess');
+        }
+        else {
+            throw new Error('Email verification failed');
+        }
+    });
+    return {
+        connectWithEmail,
+        verifyOneTimePassword,
+    };
+};
+
+exports.useConnectWithEmailOtp = useConnectWithEmailOtp;

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

@@ -0,0 +1,32 @@
+type EmailProviders = 'magicLink' | 'dynamic' | 'emailOnly';
+type UseConnectWithEmailOtpProps = {
+    provider?: EmailProviders;
+};
+/**
+ * Hook to connect and verify an email using a one-time password (OTP) with specified email providers.
+ *
+ * @param props - The properties for the hook. Includes an optional 'provider' to specify the email provider.
+ * @returns An object containing two functions:
+ *    - connectWithEmail: A function to initiate the OTP process with the provided email.
+ *    - verifyOneTimePassword: A function to verify the provided OTP.
+ *
+ * @example
+ * const { connectWithEmail, verifyOneTimePassword } = useConnectWithEmailOtp({ provider: ProviderEnum.MagicLink });
+ *
+ * // To initiate the OTP process
+ * connectWithEmail('user@example.com').then(() => {
+ *   // OTP sent to the email
+ * });
+ *
+ * // To verify the OTP
+ * verifyOneTimePassword('123456').then(() => {
+ *   // OTP verification successful
+ * }).catch((error) => {
+ *   // Error handling
+ * });
+ */
+export declare const useConnectWithEmailOtp: ({ provider, }?: UseConnectWithEmailOtpProps) => {
+    connectWithEmail: (email: string) => Promise<void>;
+    verifyOneTimePassword: (oneTimePassword: string) => Promise<void>;
+};
+export {};

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

@@ -0,0 +1,146 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useRef } from 'react';
+import { isEmailOTPWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { ProviderEnum } from '@dynamic-labs/sdk-api';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
+import { useWalletItemActions } from '../useWalletItemActions/useWalletItemActions.js';
+import { dynamicEvents } from '../../../events/dynamicEvents.js';
+import '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../constants/colors.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import '@dynamic-labs/utils';
+import '../../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+import { isProviderEnabled } from '../../functions/isProviderEnabled/isProviderEnabled.js';
+import { isEmailValid } from '../../functions/isEmailValid/isEmailValid.js';
+import { createEmailVerification, signInWithEmailVerification, getEmailProvider } from '../../../data/api.js';
+import { useCreateUserProfileByJWTCallback } from '../useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.js';
+
+const mapEmailProviderToProviderEnum = {
+    dynamic: ProviderEnum.Dynamic,
+    emailOnly: ProviderEnum.EmailOnly,
+    magicLink: ProviderEnum.MagicLink,
+};
+const allSupportedProviders = Object.values(mapEmailProviderToProviderEnum);
+/**
+ * Hook to connect and verify an email using a one-time password (OTP) with specified email providers.
+ *
+ * @param props - The properties for the hook. Includes an optional 'provider' to specify the email provider.
+ * @returns An object containing two functions:
+ *    - connectWithEmail: A function to initiate the OTP process with the provided email.
+ *    - verifyOneTimePassword: A function to verify the provided OTP.
+ *
+ * @example
+ * const { connectWithEmail, verifyOneTimePassword } = useConnectWithEmailOtp({ provider: ProviderEnum.MagicLink });
+ *
+ * // To initiate the OTP process
+ * connectWithEmail('user@example.com').then(() => {
+ *   // OTP sent to the email
+ * });
+ *
+ * // To verify the OTP
+ * verifyOneTimePassword('123456').then(() => {
+ *   // OTP verification successful
+ * }).catch((error) => {
+ *   // Error handling
+ * });
+ */
+const useConnectWithEmailOtp = ({ provider, } = {}) => {
+    const { walletConnectorOptions, environmentId, projectSettings, setCallback, } = useInternalDynamicContext();
+    const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback();
+    const { handleInstalledExtensionClick } = useWalletItemActions();
+    const lastVerificationHandlerRef = useRef(null);
+    const providers = (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) || [];
+    const emailOtpWalletConnector = walletConnectorOptions
+        .map(({ walletConnector }) => walletConnector)
+        .find(isEmailOTPWalletConnector);
+    const mapProviderToEnabled = {
+        dynamic: isProviderEnabled(providers, ProviderEnum.Dynamic),
+        emailOnly: isProviderEnabled(providers, ProviderEnum.EmailOnly),
+        magicLink: isProviderEnabled(providers, ProviderEnum.MagicLink),
+    };
+    const emailHandler = (email) => __awaiter(void 0, void 0, void 0, function* () {
+        const { verificationUUID } = yield createEmailVerification({
+            email,
+            environmentId,
+        });
+        return (oneTimePassword) => __awaiter(void 0, void 0, void 0, function* () {
+            const { jwt } = yield signInWithEmailVerification({
+                environmentId,
+                verificationToken: oneTimePassword,
+                verificationUUID,
+            });
+            yield createUserProfileByJWT(jwt);
+            return {
+                email,
+                verified: Boolean(jwt),
+            };
+        });
+    });
+    const magicHandler = (email) => __awaiter(void 0, void 0, void 0, function* () {
+        if (!emailOtpWalletConnector) {
+            throw new Error('OTP wallet connector was not found');
+        }
+        emailOtpWalletConnector.setEmail(email);
+        handleInstalledExtensionClick(emailOtpWalletConnector);
+        return (oneTimePassword) => __awaiter(void 0, void 0, void 0, function* () {
+            return ({
+                email,
+                verified: yield emailOtpWalletConnector.verifyOneTimePassword(oneTimePassword),
+            });
+        });
+    });
+    const mapProviderToHandler = {
+        [ProviderEnum.Dynamic]: emailHandler,
+        [ProviderEnum.EmailOnly]: emailHandler,
+        [ProviderEnum.MagicLink]: magicHandler,
+    };
+    const getEffectiveEmailProvider = (email) => __awaiter(void 0, void 0, void 0, function* () {
+        if (provider) {
+            return provider;
+        }
+        const { emailProvider } = yield getEmailProvider({
+            email,
+            environmentId,
+        });
+        if (!allSupportedProviders.includes(emailProvider)) {
+            throw new Error('Email provider is not supported');
+        }
+        return emailProvider;
+    });
+    const connectWithEmail = (email) => __awaiter(void 0, void 0, void 0, function* () {
+        if (!isEmailValid(email)) {
+            throw new Error('Email is not valid');
+        }
+        const effectiveEmailProvider = yield getEffectiveEmailProvider(email);
+        if (!mapProviderToEnabled[effectiveEmailProvider]) {
+            throw new Error('Email provider is not enabled');
+        }
+        const verificationHandler = yield mapProviderToHandler[effectiveEmailProvider](email);
+        lastVerificationHandlerRef.current = verificationHandler;
+    });
+    const verifyOneTimePassword = (oneTimePassword) => __awaiter(void 0, void 0, void 0, function* () {
+        if (!lastVerificationHandlerRef.current) {
+            throw new Error('Verification have not started, use connectWithEmail before verifying');
+        }
+        const { email, verified } = yield lastVerificationHandlerRef.current(oneTimePassword);
+        dynamicEvents.emit('emailVerificationResult', verified, email);
+        if (verified) {
+            setCallback('authSuccess');
+        }
+        else {
+            throw new Error('Email verification failed');
+        }
+    });
+    return {
+        connectWithEmail,
+        verifyOneTimePassword,
+    };
+};
+
+export { useConnectWithEmailOtp };

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

@@ -22,6 +22,7 @@ require('viem');
 require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
+var isProviderEnabled = require('../../functions/isProviderEnabled/isProviderEnabled.cjs');
 var isTurnkeyEnabled = require('../../functions/isTurnkeyEnabled/isTurnkeyEnabled.cjs');
 
 const useEmailProvider = ({ emailWalletConnector }) => {
@@ -39,9 +40,8 @@ const useEmailProvider = ({ emailWalletConnector }) => {
     // for magic, as long as there are magic credentials available, then could have an email
     // address that is a magic address, even if magic was previously turned off in dashboard
     const isMagicOrBloctoEnabled = isInjectedWalletProviderEnabled &&
-        Boolean(providers === null || providers === void 0 ? void 0 : providers.filter((provider) => (provider.provider === sdkApi.ProviderEnum.MagicLink &&
-            Boolean(provider.providerProjectId)) ||
-            (provider.enabledAt && provider.provider === sdkApi.ProviderEnum.Blocto)).length);
+        (isProviderEnabled.isProviderEnabled(providers || [], sdkApi.ProviderEnum.MagicLink) ||
+            isProviderEnabled.isProviderEnabled(providers || [], sdkApi.ProviderEnum.Blocto));
     const handleEmailOnlyLoginSubmit = (emailInput, captchaToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const { email, verificationUUID } = yield api.createEmailVerification({
             captchaToken,

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

@@ -18,6 +18,7 @@ import 'viem';
 import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
+import { isProviderEnabled } from '../../functions/isProviderEnabled/isProviderEnabled.js';
 import { isTurnkeyEnabled } from '../../functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
 
 const useEmailProvider = ({ emailWalletConnector }) => {
@@ -35,9 +36,8 @@ const useEmailProvider = ({ emailWalletConnector }) => {
     // for magic, as long as there are magic credentials available, then could have an email
     // address that is a magic address, even if magic was previously turned off in dashboard
     const isMagicOrBloctoEnabled = isInjectedWalletProviderEnabled &&
-        Boolean(providers === null || providers === void 0 ? void 0 : providers.filter((provider) => (provider.provider === ProviderEnum.MagicLink &&
-            Boolean(provider.providerProjectId)) ||
-            (provider.enabledAt && provider.provider === ProviderEnum.Blocto)).length);
+        (isProviderEnabled(providers || [], ProviderEnum.MagicLink) ||
+            isProviderEnabled(providers || [], ProviderEnum.Blocto));
     const handleEmailOnlyLoginSubmit = (emailInput, captchaToken) => __awaiter(void 0, void 0, void 0, function* () {
         const { email, verificationUUID } = yield createEmailVerification({
             captchaToken,

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

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

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

@@ -0,0 +1,60 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
+var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('@dynamic-labs/wallet-book');
+require('../../constants/colors.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('viem');
+require('@dynamic-labs/utils');
+require('../../../shared/consts/index.cjs');
+require('@dynamic-labs/multi-wallet');
+var getAuthToken = require('../../functions/getAuthToken/getAuthToken.cjs');
+var isTurnkeyEnabled = require('../../functions/isTurnkeyEnabled/isTurnkeyEnabled.cjs');
+var useEmbeddedWallet = require('../useEmbeddedWallet/useEmbeddedWallet.cjs');
+var dynamicEvents = require('../../../events/dynamicEvents.cjs');
+
+// Hook exposed to customers and used internally to trigger embedded reveal
+const useEmbeddedReveal = () => {
+    const { projectSettings, internalSetShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const { userHasEmbeddedWallet } = useEmbeddedWallet.useEmbeddedWallet();
+    const { setView } = ViewContext.useViewContext();
+    const initExportProcess = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const jwt = getAuthToken.getAuthToken();
+        if (!jwt) {
+            throw new Error('User is not logged in');
+        }
+        if (!isTurnkeyEnabled.isTurnkeyEnabled(projectSettings)) {
+            throw new Error('Passkey embedded wallet is not enabled. Go to the dashboard and make sure to have both Turnkey/Passkey Embedded wallets and at least one EVM network enabled. Also, check if EthereumWalletConnectors is in the  DynamicContextProvider > settings > walletConnectors.');
+        }
+        if (!userHasEmbeddedWallet()) {
+            throw new Error('Passkey embedded wallet not found');
+        }
+        internalSetShowAuthFlow(true);
+        setView('embedded-reveal-view');
+        return new Promise((resolve, reject) => {
+            dynamicEvents.dynamicEvents.once('embeddedWalletRevealCompleted', (wallet) => resolve(wallet));
+            dynamicEvents.dynamicEvents.once('embeddedWalletRevealFailed', (error) => reject(error));
+        });
+    }), [
+        dynamicEvents.dynamicEvents,
+        internalSetShowAuthFlow,
+        projectSettings,
+        setView,
+        userHasEmbeddedWallet,
+    ]);
+    return {
+        initExportProcess,
+    };
+};
+
+exports.useEmbeddedReveal = useEmbeddedReveal;

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

@@ -0,0 +1,4 @@
+import { Wallet } from '../../../shared';
+export declare const useEmbeddedReveal: () => {
+    readonly initExportProcess: () => Promise<Wallet>;
+};

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

@@ -0,0 +1,56 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useCallback } from 'react';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
+import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/sdk-api';
+import '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '@dynamic-labs/wallet-book';
+import '../../constants/colors.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import '@dynamic-labs/utils';
+import '../../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+import { getAuthToken } from '../../functions/getAuthToken/getAuthToken.js';
+import { isTurnkeyEnabled } from '../../functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
+import { useEmbeddedWallet } from '../useEmbeddedWallet/useEmbeddedWallet.js';
+import { dynamicEvents } from '../../../events/dynamicEvents.js';
+
+// Hook exposed to customers and used internally to trigger embedded reveal
+const useEmbeddedReveal = () => {
+    const { projectSettings, internalSetShowAuthFlow } = useInternalDynamicContext();
+    const { userHasEmbeddedWallet } = useEmbeddedWallet();
+    const { setView } = useViewContext();
+    const initExportProcess = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        const jwt = getAuthToken();
+        if (!jwt) {
+            throw new Error('User is not logged in');
+        }
+        if (!isTurnkeyEnabled(projectSettings)) {
+            throw new Error('Passkey embedded wallet is not enabled. Go to the dashboard and make sure to have both Turnkey/Passkey Embedded wallets and at least one EVM network enabled. Also, check if EthereumWalletConnectors is in the  DynamicContextProvider > settings > walletConnectors.');
+        }
+        if (!userHasEmbeddedWallet()) {
+            throw new Error('Passkey embedded wallet not found');
+        }
+        internalSetShowAuthFlow(true);
+        setView('embedded-reveal-view');
+        return new Promise((resolve, reject) => {
+            dynamicEvents.once('embeddedWalletRevealCompleted', (wallet) => resolve(wallet));
+            dynamicEvents.once('embeddedWalletRevealFailed', (error) => reject(error));
+        });
+    }), [
+        dynamicEvents,
+        internalSetShowAuthFlow,
+        projectSettings,
+        setView,
+        userHasEmbeddedWallet,
+    ]);
+    return {
+        initExportProcess,
+    };
+};
+
+export { useEmbeddedReveal };

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

@@ -28,12 +28,14 @@ var isTurnkeyEnabled = require('../../functions/isTurnkeyEnabled/isTurnkeyEnable
 var smartWallet = require('../useWalletConnectors/utils/smartWallet/smartWallet.cjs');
 var useCreateDynamicEmbeddedWalletMutation = require('../useCreateDynamicEmbeddedWalletMutation/useCreateDynamicEmbeddedWalletMutation.cjs');
 var dynamicEvents = require('../../../events/dynamicEvents.cjs');
+var useCreateUserProfileByJWTCallback = require('../useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.cjs');
 
 // Hook exposed to customers and used internally to trigger embedded wallet creation
 const useEmbeddedWallet = () => {
     const { projectSettings, onboardingOnlyJwt, setPrimaryWalletId, walletConnectorOptions, internalSetShowAuthFlow, primaryWallet, environmentId, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView } = ViewContext.useViewContext();
     const { createDynamicEmbeddedWalletMutation } = useCreateDynamicEmbeddedWalletMutation.useCreateDynamicEmbeddedWalletMutation();
+    const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback.useCreateUserProfileByJWTCallback();
     const userHasEmbeddedWallet = () => {
         var _a;
         const jwt = (_a = getAuthToken.getAuthToken()) !== null && _a !== void 0 ? _a : onboardingOnlyJwt;
@@ -85,6 +87,7 @@ const useEmbeddedWallet = () => {
         // if user already has embedded wallet, set it as primary wallet
         if (decodedJwt) {
             (_a = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _a === void 0 ? void 0 : _a.setVerifiedCredentials(decodedJwt.verifiedCredentials);
+            yield createUserProfileByJWT(jwt);
             const smartWallet$1 = smartWallet.findSmartWallet(embeddedWalletVerifiedCredential, decodedJwt.verifiedCredentials);
             if (smartWallet$1) {
                 yield smartWallet.initializeSmartWallet({