@dynamic-labs/sdk-react-core 1.1.0-alpha.1 → 1.1.0-alpha.11

package/src/lib/components/UserProfileForm/UserProfileForm.cjs

@@ -6,10 +6,10 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var formik = require('formik');
 var useUserDataForm = require('../../utils/hooks/useUserDataForm/useUserDataForm.cjs');
+require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
 var check = require('../../shared/assets/check.cjs');
 require('@dynamic-labs/wallet-book');

package/src/lib/components/UserProfileForm/UserProfileForm.js

@@ -2,10 +2,10 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { Formik, Form } from 'formik';
 import { useUserDataForm } from '../../utils/hooks/useUserDataForm/useUserDataForm.js';
+import '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgCheck } from '../../shared/assets/check.js';
 import '@dynamic-labs/wallet-book';

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';
@@ -53,3 +54,4 @@ export * from './Typography';
 export * from './WalletInformationCard';
 export * from './SecureTurnkeyWalletCard';
 export * from './PasskeyCreatedSuccessBanner';
+export * from './RenderView';

package/src/lib/context/AccountExistsContext/AccountExistsContext.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useState, useMemo } from 'react';
+import { createContext, useState, useMemo, useContext } from 'react';
 
 const AccountExistsContext = createContext(undefined);
 const AccountExistsContextProvider = ({ children, }) => {

package/src/lib/context/CaptchaContext/CaptchaContext.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useState, useCallback, useMemo } from 'react';
+import { createContext, useState, useCallback, useMemo, useContext } from 'react';
 import { useViewContext } from '../ViewContext/ViewContext.js';
 
 const CaptchaTokenLocalStorageKey = 'dynamic-captcha-token';

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

@@ -0,0 +1,127 @@
+'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('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../views/WalletList/WalletList.cjs');
+require('qrcode');
+require('@hcaptcha/react-hcaptcha');
+require('../LoadingContext/LoadingContext.cjs');
+require('../SocialRedirectContext/SocialRedirectContext.cjs');
+require('../WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('../FooterAnimationContext/index.cjs');
+require('../PasskeyContext/PasskeyContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+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,123 @@
+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 '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../views/WalletList/WalletList.js';
+import 'qrcode';
+import '@hcaptcha/react-hcaptcha';
+import '../LoadingContext/LoadingContext.js';
+import '../SocialRedirectContext/SocialRedirectContext.js';
+import '../WalletGroupContext/WalletGroupContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '../FooterAnimationContext/index.js';
+import '../PasskeyContext/PasskeyContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+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 };