@dynamic-labs/sdk-react-core 1.1.0-alpha.0 → 1.1.0-alpha.10

package/src/lib/components/UserAddress/UserAddress.cjs

@@ -19,6 +19,7 @@ require('../../shared/consts/index.cjs');
 var useFetchNameService = require('../../widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.cjs');
 var StatusDot = require('../StatusDot/StatusDot.cjs');
 var Typography = require('../Typography/Typography.cjs');
+require('../../events/dynamicEvents.cjs');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
@@ -56,8 +57,8 @@ require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/QrCodeContext/QrCodeContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');

package/src/lib/components/UserAddress/UserAddress.js

@@ -15,6 +15,7 @@ import '../../shared/consts/index.js';
 import { useFetchNameService } from '../../widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.js';
 import { StatusDot } from '../StatusDot/StatusDot.js';
 import { Typography } from '../Typography/Typography.js';
+import '../../events/dynamicEvents.js';
 import '../../context/DynamicContext/DynamicContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
@@ -52,8 +53,8 @@ import '../../context/FooterAnimationContext/index.js';
 import '../../context/QrCodeContext/QrCodeContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
 import '../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';

package/src/lib/components/UserProfile/UserProfile.cjs

@@ -50,9 +50,9 @@ const UserProfile = ({ rootClassName }) => {
     if (!user)
         return null;
     return (jsxRuntime.jsxs("div", { "data-testid": 'userProfile', className: classNames.classNames('user-profile', rootClassName), ref: containerRef, children: [error && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: error }), (allUserFields === null || allUserFields === void 0 ? void 0 : allUserFields.length) > 0 && (jsxRuntime.jsx(UserProfileSection.UserProfileSection, { title: 'My information', children: jsxRuntime.jsx("div", { className: 'user-profile__fields', children: allUserFields.map(({ name }) => {
-                        const { label } = index$1.getValueByKey(fieldsConfig, name);
+                        const { label, key } = index$1.getValueByKey(fieldsConfig, name);
                         const value = mapFieldKeyToValue(name);
-                        return (jsxRuntime.jsx(UserProfileField.UserProfileField, { name: name, label: label, value: value }, name));
+                        return (jsxRuntime.jsx(UserProfileField.UserProfileField, { copykey: key, name: name, label: label, value: value }, name));
                     }) }) })), (providers === null || providers === void 0 ? void 0 : providers.length) > 0 && (jsxRuntime.jsx(UserProfileSection.UserProfileSection, { title: 'Social accounts', children: jsxRuntime.jsx("div", { className: 'user-profile__social-accounts', children: providers.map(({ provider }) => (jsxRuntime.jsx(UserProfileSocialAccount.UserProfileSocialAccount, { provider: provider }, provider))) }) }))] }));
 };
 

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

@@ -1,6 +1,7 @@
 import { FC } from 'react';
 export type UserProfileField = {
     label: string;
+    key: string;
     type: string;
 };
 export type UserProfileProps = {

package/src/lib/components/UserProfile/UserProfile.js

@@ -46,9 +46,9 @@ const UserProfile = ({ rootClassName }) => {
     if (!user)
         return null;
     return (jsxs("div", { "data-testid": 'userProfile', className: classNames('user-profile', rootClassName), ref: containerRef, children: [error && jsx(ErrorContainer, { children: error }), (allUserFields === null || allUserFields === void 0 ? void 0 : allUserFields.length) > 0 && (jsx(UserProfileSection, { title: 'My information', children: jsx("div", { className: 'user-profile__fields', children: allUserFields.map(({ name }) => {
-                        const { label } = getValueByKey(fieldsConfig, name);
+                        const { label, key } = getValueByKey(fieldsConfig, name);
                         const value = mapFieldKeyToValue(name);
-                        return (jsx(UserProfileField, { name: name, label: label, value: value }, name));
+                        return (jsx(UserProfileField, { copykey: key, name: name, label: label, value: value }, name));
                     }) }) })), (providers === null || providers === void 0 ? void 0 : providers.length) > 0 && (jsx(UserProfileSection, { title: 'Social accounts', children: jsx("div", { className: 'user-profile__social-accounts', children: providers.map(({ provider }) => (jsx(UserProfileSocialAccount, { provider: provider }, provider))) }) }))] }));
 };
 

package/src/lib/components/UserProfile/parts/UserProfileField/UserProfileField.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 require('react');
+require('../../../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/wallet-connector-core');
@@ -43,8 +44,9 @@ require('../../../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../../Typography/Typography.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('i18next');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var VerifiedEmailIcon = require('./components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -57,12 +59,11 @@ require('../../../InlineWidget/InlineWidget.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
 require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 
-const UserProfileField = ({ name, label, value, }) => {
+const UserProfileField = ({ name, label, value, copykey, }) => {
     const isEmpty = value === '';
     const isEmailField = name === 'email';
-    return (jsxRuntime.jsxs("div", { className: 'user-profile-field', children: [label && (jsxRuntime.jsx(Typography.Typography, { as: 'h6', color: 'secondary', weight: 'regular', variant: 'body_small', children: label })), jsxRuntime.jsxs("div", { className: 'user-profile-field__value', children: [jsxRuntime.jsx(Typography.Typography, { color: isEmpty ? 'tertiary' : 'primary', as: 'p', weight: 'regular', variant: 'body_normal', children: value }), isEmailField && (jsxRuntime.jsx(VerifiedEmailIcon.VerifiedEmailIcon, { className: 'user-profile-field__verify-email-icon', overwriteTooltipProps: { as: 'div' } }))] })] }));
+    return (jsxRuntime.jsxs("div", { className: 'user-profile-field', children: [label && (jsxRuntime.jsx(Typography.Typography, { as: 'h6', color: 'secondary', weight: 'regular', variant: 'body_small', copykey: copykey, children: label })), jsxRuntime.jsxs("div", { className: 'user-profile-field__value', children: [jsxRuntime.jsx(Typography.Typography, { color: isEmpty ? 'tertiary' : 'primary', as: 'p', weight: 'regular', variant: 'body_normal', children: value }), isEmailField && (jsxRuntime.jsx(VerifiedEmailIcon.VerifiedEmailIcon, { className: 'user-profile-field__verify-email-icon', overwriteTooltipProps: { as: 'div' } }))] })] }));
 };
 
 exports.UserProfileField = UserProfileField;

package/src/lib/components/UserProfile/parts/UserProfileField/UserProfileField.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
+import { CopyKey } from '../../../../shared';
 export type UserProfileFieldProps = {
     disabled?: boolean;
     label?: string;
     name: string;
     value?: string | boolean | null;
-};
-export declare const UserProfileField: ({ name, label, value, }: UserProfileFieldProps) => JSX.Element;
+} & CopyKey;
+export declare const UserProfileField: ({ name, label, value, copykey, }: UserProfileFieldProps) => JSX.Element;

package/src/lib/components/UserProfile/parts/UserProfileField/UserProfileField.js

@@ -1,5 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react';
+import '../../../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/wallet-connector-core';
@@ -39,8 +40,9 @@ import '../../../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../../Typography/Typography.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import 'i18next';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { VerifiedEmailIcon } from './components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -53,12 +55,11 @@ import '../../../InlineWidget/InlineWidget.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 
-const UserProfileField = ({ name, label, value, }) => {
+const UserProfileField = ({ name, label, value, copykey, }) => {
     const isEmpty = value === '';
     const isEmailField = name === 'email';
-    return (jsxs("div", { className: 'user-profile-field', children: [label && (jsx(Typography, { as: 'h6', color: 'secondary', weight: 'regular', variant: 'body_small', children: label })), jsxs("div", { className: 'user-profile-field__value', children: [jsx(Typography, { color: isEmpty ? 'tertiary' : 'primary', as: 'p', weight: 'regular', variant: 'body_normal', children: value }), isEmailField && (jsx(VerifiedEmailIcon, { className: 'user-profile-field__verify-email-icon', overwriteTooltipProps: { as: 'div' } }))] })] }));
+    return (jsxs("div", { className: 'user-profile-field', children: [label && (jsx(Typography, { as: 'h6', color: 'secondary', weight: 'regular', variant: 'body_small', copykey: copykey, children: label })), jsxs("div", { className: 'user-profile-field__value', children: [jsx(Typography, { color: isEmpty ? 'tertiary' : 'primary', as: 'p', weight: 'regular', variant: 'body_normal', children: value }), isEmailField && (jsx(VerifiedEmailIcon, { className: 'user-profile-field__verify-email-icon', overwriteTooltipProps: { as: 'div' } }))] })] }));
 };
 
 export { UserProfileField };

package/src/lib/components/UserProfile/parts/UserProfileSection/UserProfileSection.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 require('react');
+require('../../../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/wallet-connector-core');
@@ -43,8 +44,9 @@ require('../../../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../../Typography/Typography.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('i18next');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -57,7 +59,6 @@ require('../../../InlineWidget/InlineWidget.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
 require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 
 const UserProfileSection = ({ title, children, }) => (jsxRuntime.jsxs("div", { className: 'user-profile-section', children: [title && (jsxRuntime.jsx(Typography.Typography, { as: 'h6', color: 'secondary', weight: 'medium', variant: 'body_small', className: 'user-profile-section__title', children: title })), children] }));
 

package/src/lib/components/UserProfile/parts/UserProfileSection/UserProfileSection.js

@@ -1,5 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react';
+import '../../../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/wallet-connector-core';
@@ -39,8 +40,9 @@ import '../../../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../../Typography/Typography.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import 'i18next';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -53,7 +55,6 @@ import '../../../InlineWidget/InlineWidget.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 
 const UserProfileSection = ({ title, children, }) => (jsxs("div", { className: 'user-profile-section', children: [title && (jsx(Typography, { as: 'h6', color: 'secondary', weight: 'medium', variant: 'body_small', className: 'user-profile-section__title', children: title })), children] }));
 

package/src/lib/components/UserProfile/parts/UserProfileSocialAccount/UserProfileSocialAccount.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var iconic = require('@dynamic-labs/iconic');
 require('react');
+require('../../../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/wallet-connector-core');
@@ -45,9 +46,10 @@ require('../../../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../../Typography/Typography.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('react-focus-lock');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
-require('qrcode');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 var Icon = require('../../../Icon/Icon.cjs');
 var helpers = require('../../../../widgets/DynamicWidget/helpers/helpers.cjs');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
@@ -63,7 +65,6 @@ require('../../../InlineWidget/InlineWidget.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
 require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 
 const UserProfileSocialAccount = ({ provider, }) => {
     var _a;

package/src/lib/components/UserProfile/parts/UserProfileSocialAccount/UserProfileSocialAccount.js

@@ -1,6 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { SocialIcon } from '@dynamic-labs/iconic';
 import 'react';
+import '../../../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/wallet-connector-core';
@@ -41,9 +42,10 @@ import '../../../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../../Typography/Typography.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import 'react-focus-lock';
 import '../../../../context/ThemeContext/ThemeContext.js';
-import 'qrcode';
 import '../../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import { Icon } from '../../../Icon/Icon.js';
 import { capitalize } from '../../../../widgets/DynamicWidget/helpers/helpers.js';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
@@ -59,7 +61,6 @@ import '../../../InlineWidget/InlineWidget.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 
 const UserProfileSocialAccount = ({ provider, }) => {
     var _a;

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

@@ -2,6 +2,7 @@ export * from './Accordion';
 export * from './Alert';
 export * from './AnimatePresence';
 export * from './AppOriginTile';
+export * from './Badge';
 export * from './Button';
 export * from './Checkbox';
 export * from './Chip';

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

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

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

@@ -0,0 +1,2 @@
+import { FC, PropsWithChildren } from 'react';
+export declare const ConnectWithEmailOtpProvider: FC<PropsWithChildren>;

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;