@dynamic-labs/sdk-react-core 1.1.0-alpha.4 → 1.1.0-alpha.6

package/src/lib/context/ConnectWithEmailOtpContext/ConnectWithEmailOtpProvider.js

@@ -0,0 +1,118 @@
+import { __awaiter } from '../../../../_virtual/_tslib.js';
+import { jsx } from 'react/jsx-runtime';
+import { useRef } from 'react';
+import { ProviderEnum } from '@dynamic-labs/sdk-api';
+import { isEmailOTPWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { useInternalDynamicContext } from '../DynamicContext/useInternalDynamicContext.js';
+import { useCreateUserProfileByJWTCallback } from '../../utils/hooks/useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.js';
+import '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '../ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../utils/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 '../../utils/functions/isProviderEnabled/isProviderEnabled.js';
+import { isEmailValid } from '../../utils/functions/isEmailValid/isEmailValid.js';
+import { dynamicEvents } from '../../events/dynamicEvents.js';
+import '../CaptchaContext/CaptchaContext.js';
+import '../ErrorContext/ErrorContext.js';
+import '../AccessDeniedContext/AccessDeniedContext.js';
+import '../AccountExistsContext/AccountExistsContext.js';
+import '../../config/ApiEndpoint.js';
+import '../EmailVerificationContext/EmailVerificationContext.js';
+import 'react-dom';
+import '../ThemeContext/ThemeContext.js';
+import '@dynamic-labs/types';
+import 'yup';
+import 'react-i18next';
+import '../MockContext/MockContext.js';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../UserWalletsContext/UserWalletsContext.js';
+import { useWalletItemActions } from '../../utils/hooks/useWalletItemActions/useWalletItemActions.js';
+import '../../components/Alert/Alert.js';
+import '../../components/ShadowDOM/ShadowDOM.js';
+import '../../components/IconButton/IconButton.js';
+import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/MenuList/Dropdown/Dropdown.js';
+import '../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../components/Popper/Popper/Popper.js';
+import '../../components/Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
+import 'formik';
+import 'i18next';
+import '../../components/OverlayCard/OverlayCard.context.js';
+import '../FooterAnimationContext/index.js';
+import '../QrCodeContext/QrCodeContext.js';
+import '../WalletGroupContext/WalletGroupContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../LoadingContext/LoadingContext.js';
+import 'qrcode';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
+import '@dynamic-labs/viem-utils';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { connectWithEmailOtpContext } from './connectWithEmailOtpContext.js';
+import { findEmailProvider } from './utils/findEmailProvider.js';
+import { createMagicHandler } from './utils/createMagicHandler.js';
+import { createEmailHandler } from './utils/createEmailHandler.js';
+
+const { Provider } = connectWithEmailOtpContext;
+const ConnectWithEmailOtpProvider = ({ children, }) => {
+    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 mapProvider = {
+        [ProviderEnum.Dynamic]: {
+            enabled: isProviderEnabled(providers, ProviderEnum.Dynamic),
+            handler: createEmailHandler(environmentId, createUserProfileByJWT),
+        },
+        [ProviderEnum.EmailOnly]: {
+            enabled: isProviderEnabled(providers, ProviderEnum.EmailOnly),
+            handler: createEmailHandler(environmentId, createUserProfileByJWT),
+        },
+        [ProviderEnum.MagicLink]: {
+            enabled: isProviderEnabled(providers, ProviderEnum.MagicLink),
+            handler: createMagicHandler(emailOtpWalletConnector, handleInstalledExtensionClick),
+        },
+    };
+    const connectWithEmail = (email, { provider } = {}) => __awaiter(void 0, void 0, void 0, function* () {
+        if (!isEmailValid(email)) {
+            throw new Error('Email is not valid');
+        }
+        const effectiveEmailProvider = provider || (yield findEmailProvider(environmentId, email));
+        if (!mapProvider[effectiveEmailProvider].enabled) {
+            throw new Error('Email provider is not enabled');
+        }
+        const verificationHandler = yield mapProvider[effectiveEmailProvider].handler(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 (jsx(Provider, { value: { connectWithEmail, verifyOneTimePassword }, children: children }));
+};
+
+export { ConnectWithEmailOtpProvider };

package/src/lib/context/ConnectWithEmailOtpContext/connectWithEmailOtpContext.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const connectWithEmailOtpContext = React.createContext(undefined);
+
+exports.connectWithEmailOtpContext = connectWithEmailOtpContext;

package/src/lib/context/ConnectWithEmailOtpContext/connectWithEmailOtpContext.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ConnectWithEmailOtpContext } from './types';
+export declare const connectWithEmailOtpContext: import("react").Context<ConnectWithEmailOtpContext | undefined>;

package/src/lib/context/ConnectWithEmailOtpContext/connectWithEmailOtpContext.js

@@ -0,0 +1,5 @@
+import { createContext } from 'react';
+
+const connectWithEmailOtpContext = createContext(undefined);
+
+export { connectWithEmailOtpContext };

package/src/lib/context/ConnectWithEmailOtpContext/constants.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var sdkApi = require('@dynamic-labs/sdk-api');
+
+const mapEmailProviderToProviderEnum = {
+    dynamic: sdkApi.ProviderEnum.Dynamic,
+    emailOnly: sdkApi.ProviderEnum.EmailOnly,
+    magicLink: sdkApi.ProviderEnum.MagicLink,
+};
+const allSupportedProviders = Object.values(mapEmailProviderToProviderEnum);
+
+exports.allSupportedProviders = allSupportedProviders;
+exports.mapEmailProviderToProviderEnum = mapEmailProviderToProviderEnum;

package/src/lib/context/ConnectWithEmailOtpContext/constants.d.ts

@@ -0,0 +1,4 @@
+import { ProviderEnum } from '@dynamic-labs/sdk-api';
+import { EmailProviders } from './types';
+export declare const mapEmailProviderToProviderEnum: Record<EmailProviders, ProviderEnum>;
+export declare const allSupportedProviders: ProviderEnum[];

package/src/lib/context/ConnectWithEmailOtpContext/constants.js

@@ -0,0 +1,10 @@
+import { ProviderEnum } from '@dynamic-labs/sdk-api';
+
+const mapEmailProviderToProviderEnum = {
+    dynamic: ProviderEnum.Dynamic,
+    emailOnly: ProviderEnum.EmailOnly,
+    magicLink: ProviderEnum.MagicLink,
+};
+const allSupportedProviders = Object.values(mapEmailProviderToProviderEnum);
+
+export { allSupportedProviders, mapEmailProviderToProviderEnum };

package/src/lib/context/ConnectWithEmailOtpContext/index.d.ts

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

package/src/lib/context/ConnectWithEmailOtpContext/types.d.ts

@@ -0,0 +1,13 @@
+export type EmailProviders = 'magicLink' | 'dynamic' | 'emailOnly';
+export type ConnectWithEmailOtpOptions = {
+    provider?: EmailProviders;
+};
+export type ConnectWithEmailOtpContext = {
+    connectWithEmail: (email: string, options?: ConnectWithEmailOtpOptions) => Promise<void>;
+    verifyOneTimePassword: (oneTimePassword: string) => Promise<void>;
+};
+export type ProviderVerificationHandler = (oneTimePassword: string) => Promise<{
+    email: string;
+    verified: boolean;
+}>;
+export type ProviderHandler = (email: string) => Promise<ProviderVerificationHandler>;

package/src/lib/context/ConnectWithEmailOtpContext/useConnectWithEmailOtp.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var connectWithEmailOtpContext = require('./connectWithEmailOtpContext.cjs');
+
+const useConnectWithEmailOtp = ({ provider: defaultProvider, } = {}) => {
+    const context = React.useContext(connectWithEmailOtpContext.connectWithEmailOtpContext);
+    if (!context) {
+        throw new Error('useConnectWithEmailOtp must be used within a DynamicContextProvider');
+    }
+    return {
+        connectWithEmail: (email, options = {}) => context.connectWithEmail(email, Object.assign({ provider: defaultProvider }, options)),
+        verifyOneTimePassword: context.verifyOneTimePassword,
+    };
+};
+
+exports.useConnectWithEmailOtp = useConnectWithEmailOtp;

package/src/lib/context/ConnectWithEmailOtpContext/useConnectWithEmailOtp.d.ts

@@ -0,0 +1,6 @@
+import { EmailProviders, ConnectWithEmailOtpContext } from './types';
+type UseConnectWithEmailOtpProps = {
+    provider?: EmailProviders;
+};
+export declare const useConnectWithEmailOtp: ({ provider: defaultProvider, }?: UseConnectWithEmailOtpProps) => ConnectWithEmailOtpContext;
+export {};

package/src/lib/context/ConnectWithEmailOtpContext/useConnectWithEmailOtp.js

@@ -0,0 +1,15 @@
+import { useContext } from 'react';
+import { connectWithEmailOtpContext } from './connectWithEmailOtpContext.js';
+
+const useConnectWithEmailOtp = ({ provider: defaultProvider, } = {}) => {
+    const context = useContext(connectWithEmailOtpContext);
+    if (!context) {
+        throw new Error('useConnectWithEmailOtp must be used within a DynamicContextProvider');
+    }
+    return {
+        connectWithEmail: (email, options = {}) => context.connectWithEmail(email, Object.assign({ provider: defaultProvider }, options)),
+        verifyOneTimePassword: context.verifyOneTimePassword,
+    };
+};
+
+export { useConnectWithEmailOtp };

package/src/lib/context/ConnectWithEmailOtpContext/utils/createEmailHandler.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var api = require('../../../data/api.cjs');
+
+const createEmailHandler = (environmentId, createUserProfileByJWT) => (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),
+        };
+    });
+});
+
+exports.createEmailHandler = createEmailHandler;

package/src/lib/context/ConnectWithEmailOtpContext/utils/createEmailHandler.d.ts

@@ -0,0 +1,2 @@
+import { ProviderHandler } from '../types';
+export declare const createEmailHandler: (environmentId: string, createUserProfileByJWT: (jwt: string) => Promise<void>) => ProviderHandler;

package/src/lib/context/ConnectWithEmailOtpContext/utils/createEmailHandler.js

@@ -0,0 +1,23 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { createEmailVerification, signInWithEmailVerification } from '../../../data/api.js';
+
+const createEmailHandler = (environmentId, createUserProfileByJWT) => (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),
+        };
+    });
+});
+
+export { createEmailHandler };

package/src/lib/context/ConnectWithEmailOtpContext/utils/createMagicHandler.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+
+const createMagicHandler = (connector, handleInstalledExtensionClick) => (email) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    if (!connector) {
+        throw new Error('OTP wallet connector was not found');
+    }
+    connector.setEmail(email);
+    handleInstalledExtensionClick(connector);
+    return (oneTimePassword) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        return ({
+            email,
+            verified: yield connector.verifyOneTimePassword(oneTimePassword),
+        });
+    });
+});
+
+exports.createMagicHandler = createMagicHandler;

package/src/lib/context/ConnectWithEmailOtpContext/utils/createMagicHandler.d.ts

@@ -0,0 +1,3 @@
+import { IEmailOTPWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { ProviderHandler } from '../types';
+export declare const createMagicHandler: (connector: IEmailOTPWalletConnector | undefined, handleInstalledExtensionClick: (connector: IEmailOTPWalletConnector) => void) => ProviderHandler;

package/src/lib/context/ConnectWithEmailOtpContext/utils/createMagicHandler.js

@@ -0,0 +1,17 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+
+const createMagicHandler = (connector, handleInstalledExtensionClick) => (email) => __awaiter(void 0, void 0, void 0, function* () {
+    if (!connector) {
+        throw new Error('OTP wallet connector was not found');
+    }
+    connector.setEmail(email);
+    handleInstalledExtensionClick(connector);
+    return (oneTimePassword) => __awaiter(void 0, void 0, void 0, function* () {
+        return ({
+            email,
+            verified: yield connector.verifyOneTimePassword(oneTimePassword),
+        });
+    });
+});
+
+export { createMagicHandler };

package/src/lib/context/ConnectWithEmailOtpContext/utils/findEmailProvider.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var api = require('../../../data/api.cjs');
+var constants = require('../constants.cjs');
+
+const findEmailProvider = (environmentId, email) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const { emailProvider } = yield api.getEmailProvider({
+        email,
+        environmentId,
+    });
+    if (!constants.allSupportedProviders.includes(emailProvider)) {
+        throw new Error('Email provider is not supported');
+    }
+    return emailProvider;
+});
+
+exports.findEmailProvider = findEmailProvider;

package/src/lib/context/ConnectWithEmailOtpContext/utils/findEmailProvider.d.ts

@@ -0,0 +1,2 @@
+import { EmailProviders } from '../types';
+export declare const findEmailProvider: (environmentId: string, email: string) => Promise<EmailProviders>;

package/src/lib/context/ConnectWithEmailOtpContext/utils/findEmailProvider.js

@@ -0,0 +1,16 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { getEmailProvider } from '../../../data/api.js';
+import { allSupportedProviders } from '../constants.js';
+
+const findEmailProvider = (environmentId, email) => __awaiter(void 0, void 0, void 0, function* () {
+    const { emailProvider } = yield getEmailProvider({
+        email,
+        environmentId,
+    });
+    if (!allSupportedProviders.includes(emailProvider)) {
+        throw new Error('Email provider is not supported');
+    }
+    return emailProvider;
+});
+
+export { findEmailProvider };

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

@@ -87,8 +87,8 @@ require('../SocialRedirectContext/SocialRedirectContext.cjs');
 var QrCodeContext = require('../QrCodeContext/QrCodeContext.cjs');
 var WalletGroupContext = require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
 var LoadingContext = require('../LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../views/WalletList/WalletList.cjs');
@@ -99,6 +99,8 @@ var SendBalanceContext = require('../SendBalanceContext/SendBalanceContext.cjs')
 var UseNetworkValidation = require('../UseNetworkValidation/UseNetworkValidation.cjs');
 var UserWalletsContext = require('../UserWalletsContext/UserWalletsContext.cjs');
 var WalletContext = require('../WalletContext/WalletContext.cjs');
+var ConnectWithEmailOtpProvider = require('../ConnectWithEmailOtpContext/ConnectWithEmailOtpProvider.cjs');
+require('../ConnectWithEmailOtpContext/connectWithEmailOtpContext.cjs');
 var handleDisconnectWallet = require('./handleDisconnectWallet/handleDisconnectWallet.cjs');
 var helpers = require('./helpers.cjs');
 var useDisplayOrderState = require('./hooks/useDisplayOrderState/useDisplayOrderState.cjs');
@@ -728,7 +730,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
                                     isBridgeFlow,
                                     isFullyConnected,
                                     isMultiWalletEnabled: multiWallet,
-                                }), children: [enableForcedNetworkValidation && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { canSync: didConnectedStateLoad, children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsxs(UserFieldEditorContext.UserFieldEditorContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncPasskeyFlow.SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }) }));
+                                }), children: [enableForcedNetworkValidation && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { canSync: didConnectedStateLoad, children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsx(UserFieldEditorContext.UserFieldEditorContextProvider, { children: jsxRuntime.jsxs(ConnectWithEmailOtpProvider.ConnectWithEmailOtpProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncPasskeyFlow.SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => (jsxRuntime.jsx(UserWalletsContext.UserWalletsProvider, { children: jsxRuntime.jsx(InnerDynamicContextProvider, Object.assign({}, props)) }));

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

@@ -83,8 +83,8 @@ import '../SocialRedirectContext/SocialRedirectContext.js';
 import { QrCodeContextProvider } from '../QrCodeContext/QrCodeContext.js';
 import { WalletGroupContextProvider } from '../WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
 import { LoadingContextProvider } from '../LoadingContext/LoadingContext.js';
+import 'qrcode';
 import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../views/WalletList/WalletList.js';
@@ -95,6 +95,8 @@ import { SendBalanceContextProvider } from '../SendBalanceContext/SendBalanceCon
 import { UseNetworkValidation } from '../UseNetworkValidation/UseNetworkValidation.js';
 import { UserWalletsProvider } from '../UserWalletsContext/UserWalletsContext.js';
 import { WalletContextProvider } from '../WalletContext/WalletContext.js';
+import { ConnectWithEmailOtpProvider } from '../ConnectWithEmailOtpContext/ConnectWithEmailOtpProvider.js';
+import '../ConnectWithEmailOtpContext/connectWithEmailOtpContext.js';
 import { handleDisconnectWallet } from './handleDisconnectWallet/handleDisconnectWallet.js';
 import { initExpirationTime, getInitialView } from './helpers.js';
 import { useDisplayOrderState } from './hooks/useDisplayOrderState/useDisplayOrderState.js';
@@ -724,7 +726,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
                                     isBridgeFlow,
                                     isFullyConnected,
                                     isMultiWalletEnabled: multiWallet,
-                                }), children: [enableForcedNetworkValidation && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(QrCodeContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsxs(UserFieldEditorContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }) }));
+                                }), children: [enableForcedNetworkValidation && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(QrCodeContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsx(UserFieldEditorContextProvider, { children: jsxs(ConnectWithEmailOtpProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => (jsx(UserWalletsProvider, { children: jsx(InnerDynamicContextProvider, Object.assign({}, props)) }));

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

@@ -53,8 +53,8 @@ require('../../../FooterAnimationContext/index.cjs');
 require('../../../QrCodeContext/QrCodeContext.cjs');
 require('../../../WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
 require('../../../LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');

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

@@ -49,8 +49,8 @@ import '../../../FooterAnimationContext/index.js';
 import '../../../QrCodeContext/QrCodeContext.js';
 import '../../../WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
 import '../../../LoadingContext/LoadingContext.js';
+import 'qrcode';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';

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

@@ -53,8 +53,8 @@ require('../../FooterAnimationContext/index.cjs');
 require('../../QrCodeContext/QrCodeContext.cjs');
 require('../../WalletGroupContext/WalletGroupContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
 require('../../LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');

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

@@ -49,8 +49,8 @@ import '../../FooterAnimationContext/index.js';
 import '../../QrCodeContext/QrCodeContext.js';
 import '../../WalletGroupContext/WalletGroupContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
 import '../../LoadingContext/LoadingContext.js';
+import 'qrcode';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';

package/src/lib/context/QrCodeContext/QrCodeContext.cjs

@@ -52,8 +52,8 @@ require('../../components/OverlayCard/OverlayCard.context.cjs');
 require('../FooterAnimationContext/index.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
 require('../LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');

package/src/lib/context/QrCodeContext/QrCodeContext.js

@@ -48,8 +48,8 @@ import '../../components/OverlayCard/OverlayCard.context.js';
 import '../FooterAnimationContext/index.js';
 import '../WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
 import '../LoadingContext/LoadingContext.js';
+import 'qrcode';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';

package/src/lib/context/SendBalanceContext/SendBalanceContext.cjs

@@ -54,8 +54,8 @@ require('../FooterAnimationContext/index.cjs');
 require('../QrCodeContext/QrCodeContext.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
 require('../LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');

package/src/lib/context/SendBalanceContext/SendBalanceContext.js

@@ -50,8 +50,8 @@ import '../FooterAnimationContext/index.js';
 import '../QrCodeContext/QrCodeContext.js';
 import '../WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
 import '../LoadingContext/LoadingContext.js';
+import 'qrcode';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.cjs

@@ -55,8 +55,8 @@ require('../QrCodeContext/QrCodeContext.cjs');
 require('../AccountExistsContext/AccountExistsContext.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
 require('../LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.js

@@ -51,8 +51,8 @@ import '../QrCodeContext/QrCodeContext.js';
 import '../AccountExistsContext/AccountExistsContext.js';
 import '../WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
 import '../LoadingContext/LoadingContext.js';
+import 'qrcode';
 import '../AccessDeniedContext/AccessDeniedContext.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';

package/src/lib/context/UserFieldEditorContext/UserFieldEditorContext.cjs

@@ -54,8 +54,8 @@ require('../FooterAnimationContext/index.cjs');
 require('../QrCodeContext/QrCodeContext.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
 require('../LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');

package/src/lib/context/UserFieldEditorContext/UserFieldEditorContext.js

@@ -50,8 +50,8 @@ import '../FooterAnimationContext/index.js';
 import '../QrCodeContext/QrCodeContext.js';
 import '../WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
 import '../LoadingContext/LoadingContext.js';
+import 'qrcode';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';

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

@@ -1,5 +1,5 @@
 import { Dispatch, FC, PropsWithChildren, SetStateAction } from 'react';
-export type ViewType = 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-with-email' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-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' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | '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' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete';
+export type ViewType = 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-with-email' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-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' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | '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' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'embedded-reveal-view';
 export type ViewContextProps = {
     setView: Dispatch<SetStateAction<ViewType>>;
     view: ViewType;