@dynamic-labs/sdk-react-core 0.18.0 → 0.18.100-viem.1

package/src/lib/views/EmailVerification/EmailVerification.js

@@ -13,7 +13,7 @@ import { logger } from '../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
-import 'ethers';
+import 'viem';
 import '../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -56,174 +56,174 @@ import { useLoadingContext } from '../../context/LoadingContext/LoadingContext.j
 import { useEmailVerificationRequest } from '../../utils/hooks/authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.js';
 import { useCreateUserProfileByJWTCallback } from '../../utils/hooks/useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.js';
 
-const SECONDS_TO_RETRY = 15;
-const EmailVerification = () => {
-    const [hideRetryButton, setHideRetryButton] = useState(false);
-    const [retried, setRetried] = useState(false);
-    const [isValidated, setIsValidated] = useState(false);
-    const [showTransferMessage, setShowTransferMessage] = useState(false);
-    const { view, setView, goToInitialView } = useViewContext();
-    const { error, setError, setErrorMessage } = useErrorContext();
-    const { setExistentAccountData } = useAccountExistsContext();
-    const { environmentId, onboardingOnlyJwt, handleLogOut, authToken, setOnboardingOnlyJwt, setShowAuthFlow, setCallback, setIsVerificationInProgress, } = useInternalDynamicContext();
-    const { email, verificationUUID, setVerificationUUID } = useEmailVerificationContext();
-    const { loading, setLoading } = useLoadingContext();
-    const { remainingSeconds, startCountdown } = useCountdown({
-        callback: () => setRetried(false),
-        seconds: SECONDS_TO_RETRY,
-    });
-    const isLoginView = view === 'login-with-email-verification';
-    const { verifyEmail } = useEmailVerificationRequest();
-    const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback();
-    // Set verification in progress
-    // It should be disabled by either clearStatesOnBackClick, the close button, or onAuthSuccess
-    useEffect(() => {
-        setIsVerificationInProgress(true);
-    }, []);
-    const handleComplete = useCallback((verificationToken) => __awaiter(void 0, void 0, void 0, function* () {
-        setError(undefined);
-        setLoading(true);
-        if (!verificationUUID || (!authToken && !onboardingOnlyJwt)) {
-            yield handleLogOut();
-            goToInitialView();
-            return;
-        }
-        try {
-            const { nextView } = yield verifyEmail(verificationToken, verificationUUID);
-            if (onboardingOnlyJwt) {
-                setOnboardingOnlyJwt(undefined);
-                setCallback('authSuccess');
-            }
-            setIsValidated(true);
-            if (nextView === 'verified-and-transferred') {
-                setShowTransferMessage(true);
-            }
-            setShowAuthFlow(false);
-        }
-        catch (error) {
-            logger.debug(error);
-            // Handle the case where the user has already an account with the email
-            if (error instanceof UserHasAccountWithEmailError) {
-                setView('merge-user-accounts');
-                return; // Early return to not show the error message
-            }
-            setErrorMessage(error.code);
-        }
-        finally {
-            setLoading(false);
-        }
-    }), [
-        setError,
-        setLoading,
-        verificationUUID,
-        authToken,
-        onboardingOnlyJwt,
-        handleLogOut,
-        goToInitialView,
-        verifyEmail,
-        setShowAuthFlow,
-        setOnboardingOnlyJwt,
-        setCallback,
-        setErrorMessage,
-        setView,
-    ]);
-    const handleEmailLogin = useCallback((verificationToken) => __awaiter(void 0, void 0, void 0, function* () {
-        setError(undefined);
-        setLoading(true);
-        if (!verificationUUID) {
-            yield handleLogOut();
-            goToInitialView();
-            return;
-        }
-        try {
-            const { jwt } = yield signInWithEmailVerification({
-                environmentId,
-                verificationToken,
-                verificationUUID,
-            });
-            if (!jwt) {
-                yield handleLogOut();
-                goToInitialView();
-                return;
-            }
-            const decodedJwt = decodeJwt(jwt);
-            setIsValidated(true);
-            if (decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields.length) {
-                setOnboardingOnlyJwt(jwt);
-                setTimeout(() => {
-                    setView('collect-user-data-login-with-email');
-                }, 1500);
-                return;
-            }
-            setCallback('authSuccess');
-            // this timeout is set to make sure that the user will see success message
-            setTimeout(() => __awaiter(void 0, void 0, void 0, function* () {
-                yield createUserProfileByJWT(jwt);
-                setShowAuthFlow(false);
-            }), 1500);
-        }
-        catch (error) {
-            if (error instanceof NoAccessError) {
-                setView('no-access');
-            }
-            if (error instanceof AccountExistsError) {
-                setExistentAccountData(error.errorPayload);
-                setView('account-exists');
-            }
-            logger.debug(error);
-            setErrorMessage(error.code);
-        }
-        finally {
-            setLoading(false);
-        }
-    }), [
-        setError,
-        setLoading,
-        verificationUUID,
-        handleLogOut,
-        goToInitialView,
-        environmentId,
-        setCallback,
-        setOnboardingOnlyJwt,
-        setView,
-        createUserProfileByJWT,
-        setShowAuthFlow,
-        setErrorMessage,
-        setExistentAccountData,
-    ]);
-    const handleRetry = () => __awaiter(void 0, void 0, void 0, function* () {
-        try {
-            if (!verificationUUID || !email) {
-                return;
-            }
-            setLoading(true);
-            const { verificationUUID: newVerificationUUID } = yield retryEmailVerification({
-                email,
-                environmentId,
-                verificationUUID,
-            });
-            setVerificationUUID(newVerificationUUID);
-            setRetried(true);
-            startCountdown();
-            setError(undefined);
-        }
-        catch (error) {
-            logger.debug(error);
-            setErrorMessage(error.code);
-            if (error.code === 'too_many_email_verification_attempts') {
-                setHideRetryButton(true);
-            }
-            if (error.code === 'invalid_email_verification') {
-                goToInitialView();
-            }
-        }
-        finally {
-            setLoading(false);
-        }
-    });
-    return (jsxs("div", Object.assign({ className: 'email-verification__container' }, { children: [error && (jsx(ErrorContainer, Object.assign({ withIcon: false, className: 'email-verification__error-message' }, { children: error }))), showTransferMessage && (jsx("div", Object.assign({ className: 'email-verification__transfer-message' }, { children: "Verification complete, the email is now verified to this account." }))), isValidated ? (jsx("div", Object.assign({ className: 'email-verification__icon-container' }, { children: jsx(IconWithStatus, { containerClassName: 'email-verification__icon--verified', Icon: SignInWithEmailIcon, iconSize: 50, InnerIcon: SvgCheck }) }))) : (jsx(IconWithSpinner, { className: classNames({
-                    'email-verification__icon-with-spinner': Boolean(!error),
-                }), Icon: SignInWithEmailIcon, iconSize: 80, isSpinning: true })), jsx(Typography, Object.assign({ weight: 'medium', variant: 'title', className: 'email-verification__title', color: 'primary' }, { children: "Confirm verification code" })), jsxs("div", Object.assign({ className: 'email-verification__copy-text-container' }, { children: [jsx(Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary' }, { children: "We\u2019ve sent a verification code to" })), jsx(Typography, Object.assign({ variant: 'body_normal', weight: 'bold', color: 'secondary' }, { children: shortenEmail(email) }))] })), !isLoginView && (jsx(TextButton, Object.assign({ onClick: () => setView('update-email'), className: 'email-verification__text-button', disabled: loading }, { children: "Edit email" }))), jsx(PinField, { initialValue: Array(6).join('.').split('.'), isLoading: loading, handleComplete: isLoginView ? handleEmailLogin : handleComplete, isValidated: isValidated, inputMode: 'numeric', pattern: '[0-9]*', hasError: Boolean(error), onChange: () => setError(undefined) }), retried ? (jsxs(Fragment, { children: [jsxs(Typography, Object.assign({ variant: 'body_small', color: 'secondary' }, { children: ["Re-send code in ", remainingSeconds] })), jsxs("span", Object.assign({ className: 'email-verification__retry-container' }, { children: [jsx(SvgCheckCircle, {}), jsx(Typography, Object.assign({ variant: 'body_small', weight: 'medium', color: 'primary', className: 'email-verification__retry-container-text' }, { children: "Code sent" }))] }))] })) : (!hideRetryButton && (jsxs(Fragment, { children: [jsx(Typography, Object.assign({ variant: 'body_small', weight: 'medium', color: 'secondary' }, { children: "Did not receive your code yet?" })), jsx(TextButton, Object.assign({ className: 'email-verification__text-button', disabled: loading || isValidated, onClick: () => handleRetry() }, { children: "Re-send code" }))] }))), !isLoginView && (jsx(TextButton, Object.assign({ className: 'email-verification__log-out', onClick: handleLogOut }, { children: "Log out" }))), jsx(PoweredByDynamic, {})] })));
+const SECONDS_TO_RETRY = 15;
+const EmailVerification = () => {
+    const [hideRetryButton, setHideRetryButton] = useState(false);
+    const [retried, setRetried] = useState(false);
+    const [isValidated, setIsValidated] = useState(false);
+    const [showTransferMessage, setShowTransferMessage] = useState(false);
+    const { view, setView, goToInitialView } = useViewContext();
+    const { error, setError, setErrorMessage } = useErrorContext();
+    const { setExistentAccountData } = useAccountExistsContext();
+    const { environmentId, onboardingOnlyJwt, handleLogOut, authToken, setOnboardingOnlyJwt, setShowAuthFlow, setCallback, setIsVerificationInProgress, } = useInternalDynamicContext();
+    const { email, verificationUUID, setVerificationUUID } = useEmailVerificationContext();
+    const { loading, setLoading } = useLoadingContext();
+    const { remainingSeconds, startCountdown } = useCountdown({
+        callback: () => setRetried(false),
+        seconds: SECONDS_TO_RETRY,
+    });
+    const isLoginView = view === 'login-with-email-verification';
+    const { verifyEmail } = useEmailVerificationRequest();
+    const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback();
+    // Set verification in progress
+    // It should be disabled by either clearStatesOnBackClick, the close button, or onAuthSuccess
+    useEffect(() => {
+        setIsVerificationInProgress(true);
+    }, []);
+    const handleComplete = useCallback((verificationToken) => __awaiter(void 0, void 0, void 0, function* () {
+        setError(undefined);
+        setLoading(true);
+        if (!verificationUUID || (!authToken && !onboardingOnlyJwt)) {
+            yield handleLogOut();
+            goToInitialView();
+            return;
+        }
+        try {
+            const { nextView } = yield verifyEmail(verificationToken, verificationUUID);
+            if (onboardingOnlyJwt) {
+                setOnboardingOnlyJwt(undefined);
+                setCallback('authSuccess');
+            }
+            setIsValidated(true);
+            if (nextView === 'verified-and-transferred') {
+                setShowTransferMessage(true);
+            }
+            setShowAuthFlow(false);
+        }
+        catch (error) {
+            logger.debug(error);
+            // Handle the case where the user has already an account with the email
+            if (error instanceof UserHasAccountWithEmailError) {
+                setView('merge-user-accounts');
+                return; // Early return to not show the error message
+            }
+            setErrorMessage(error.code);
+        }
+        finally {
+            setLoading(false);
+        }
+    }), [
+        setError,
+        setLoading,
+        verificationUUID,
+        authToken,
+        onboardingOnlyJwt,
+        handleLogOut,
+        goToInitialView,
+        verifyEmail,
+        setShowAuthFlow,
+        setOnboardingOnlyJwt,
+        setCallback,
+        setErrorMessage,
+        setView,
+    ]);
+    const handleEmailLogin = useCallback((verificationToken) => __awaiter(void 0, void 0, void 0, function* () {
+        setError(undefined);
+        setLoading(true);
+        if (!verificationUUID) {
+            yield handleLogOut();
+            goToInitialView();
+            return;
+        }
+        try {
+            const { jwt } = yield signInWithEmailVerification({
+                environmentId,
+                verificationToken,
+                verificationUUID,
+            });
+            if (!jwt) {
+                yield handleLogOut();
+                goToInitialView();
+                return;
+            }
+            const decodedJwt = decodeJwt(jwt);
+            setIsValidated(true);
+            if (decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields.length) {
+                setOnboardingOnlyJwt(jwt);
+                setTimeout(() => {
+                    setView('collect-user-data-login-with-email');
+                }, 1500);
+                return;
+            }
+            setCallback('authSuccess');
+            // this timeout is set to make sure that the user will see success message
+            setTimeout(() => __awaiter(void 0, void 0, void 0, function* () {
+                yield createUserProfileByJWT(jwt);
+                setShowAuthFlow(false);
+            }), 1500);
+        }
+        catch (error) {
+            if (error instanceof NoAccessError) {
+                setView('no-access');
+            }
+            if (error instanceof AccountExistsError) {
+                setExistentAccountData(error.errorPayload);
+                setView('account-exists');
+            }
+            logger.debug(error);
+            setErrorMessage(error.code);
+        }
+        finally {
+            setLoading(false);
+        }
+    }), [
+        setError,
+        setLoading,
+        verificationUUID,
+        handleLogOut,
+        goToInitialView,
+        environmentId,
+        setCallback,
+        setOnboardingOnlyJwt,
+        setView,
+        createUserProfileByJWT,
+        setShowAuthFlow,
+        setErrorMessage,
+        setExistentAccountData,
+    ]);
+    const handleRetry = () => __awaiter(void 0, void 0, void 0, function* () {
+        try {
+            if (!verificationUUID || !email) {
+                return;
+            }
+            setLoading(true);
+            const { verificationUUID: newVerificationUUID } = yield retryEmailVerification({
+                email,
+                environmentId,
+                verificationUUID,
+            });
+            setVerificationUUID(newVerificationUUID);
+            setRetried(true);
+            startCountdown();
+            setError(undefined);
+        }
+        catch (error) {
+            logger.debug(error);
+            setErrorMessage(error.code);
+            if (error.code === 'too_many_email_verification_attempts') {
+                setHideRetryButton(true);
+            }
+            if (error.code === 'invalid_email_verification') {
+                goToInitialView();
+            }
+        }
+        finally {
+            setLoading(false);
+        }
+    });
+    return (jsxs("div", { className: 'email-verification__container', children: [error && (jsx(ErrorContainer, { withIcon: false, className: 'email-verification__error-message', children: error })), showTransferMessage && (jsx("div", { className: 'email-verification__transfer-message', children: "Verification complete, the email is now verified to this account." })), isValidated ? (jsx("div", { className: 'email-verification__icon-container', children: jsx(IconWithStatus, { containerClassName: 'email-verification__icon--verified', Icon: SignInWithEmailIcon, iconSize: 50, InnerIcon: SvgCheck }) })) : (jsx(IconWithSpinner, { className: classNames({
+                    'email-verification__icon-with-spinner': Boolean(!error),
+                }), Icon: SignInWithEmailIcon, iconSize: 80, isSpinning: true })), jsx(Typography, { weight: 'medium', variant: 'title', className: 'email-verification__title', color: 'primary', children: "Confirm verification code" }), jsxs("div", { className: 'email-verification__copy-text-container', children: [jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', children: "We\u2019ve sent a verification code to" }), jsx(Typography, { variant: 'body_normal', weight: 'bold', color: 'secondary', children: shortenEmail(email) })] }), !isLoginView && (jsx(TextButton, { onClick: () => setView('update-email'), className: 'email-verification__text-button', disabled: loading, children: "Edit email" })), jsx(PinField, { initialValue: Array(6).join('.').split('.'), isLoading: loading, handleComplete: isLoginView ? handleEmailLogin : handleComplete, isValidated: isValidated, inputMode: 'numeric', pattern: '[0-9]*', hasError: Boolean(error), onChange: () => setError(undefined) }), retried ? (jsxs(Fragment, { children: [jsxs(Typography, { variant: 'body_small', color: 'secondary', children: ["Re-send code in ", remainingSeconds] }), jsxs("span", { className: 'email-verification__retry-container', children: [jsx(SvgCheckCircle, {}), jsx(Typography, { variant: 'body_small', weight: 'medium', color: 'primary', className: 'email-verification__retry-container-text', children: "Code sent" })] })] })) : (!hideRetryButton && (jsxs(Fragment, { children: [jsx(Typography, { variant: 'body_small', weight: 'medium', color: 'secondary', children: "Did not receive your code yet?" }), jsx(TextButton, { className: 'email-verification__text-button', disabled: loading || isValidated, onClick: () => handleRetry(), children: "Re-send code" })] }))), !isLoginView && (jsx(TextButton, { className: 'email-verification__log-out', onClick: handleLogOut, children: "Log out" })), jsx(PoweredByDynamic, {})] }));
 };
 
 export { EmailVerification };

package/src/lib/views/EmailVerification/index.d.ts

@@ -1 +1 @@
-export { EmailVerification } from './EmailVerification';
+export { EmailVerification } from './EmailVerification';

package/src/lib/views/EmailWalletOTPVerificationView/EmailWalletOTPVerificationView.cjs

@@ -15,7 +15,7 @@ require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
-require('ethers');
+require('viem');
 require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 require('@dynamic-labs/rpc-providers');
@@ -44,28 +44,28 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
 var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 
-const EmailWalletOTPVerificationView = () => {
-    const { setView } = ViewContext.useViewContext();
-    const [error, setError] = React.useState();
-    const { selectedWalletConnector: emailWalletConnector, clearStatesOnBackClick, setShowAuthFlow, } = useInternalDynamicContext.useInternalDynamicContext();
-    if (!emailWalletConnector ||
-        !walletConnectorCore.isEmailOTPWalletConnector(emailWalletConnector)) {
-        throw new Error('Current wallet is not EmailWalletConnector');
-    }
-    const { email } = emailWalletConnector;
-    if (!email) {
-        throw new Error('EmailWalletOtpVerificationView requires a email');
-    }
-    const handleBackClick = () => {
-        emailWalletConnector.clearEmail();
-        clearStatesOnBackClick();
-        setView('login-with-email-or-wallet');
-    };
-    const handleOnClickClose = () => setShowAuthFlow(false);
-    const { data: isValid, isLoading, mutate: onSubmit, } = useMutation.useMutation((otp) => emailWalletConnector.verifyOneTimePassword(otp), {
-        onFailure: (error) => setError(error),
-    });
-    return (jsxRuntime.jsx(OTPVerificationView.OTPVerificationView, { email: email, error: error, onClickBack: handleBackClick, isLoading: isLoading, onPinComplete: onSubmit, isValid: isValid === true, onPinChange: () => setError(undefined), onClickClose: handleOnClickClose, onClickEditEmail: handleBackClick, displayPoweredByDynamic: true }));
+const EmailWalletOTPVerificationView = () => {
+    const { setView } = ViewContext.useViewContext();
+    const [error, setError] = React.useState();
+    const { selectedWalletConnector: emailWalletConnector, clearStatesOnBackClick, setShowAuthFlow, } = useInternalDynamicContext.useInternalDynamicContext();
+    if (!emailWalletConnector ||
+        !walletConnectorCore.isEmailOTPWalletConnector(emailWalletConnector)) {
+        throw new Error('Current wallet is not EmailWalletConnector');
+    }
+    const { email } = emailWalletConnector;
+    if (!email) {
+        throw new Error('EmailWalletOtpVerificationView requires a email');
+    }
+    const handleBackClick = () => {
+        emailWalletConnector.clearEmail();
+        clearStatesOnBackClick();
+        setView('login-with-email-or-wallet');
+    };
+    const handleOnClickClose = () => setShowAuthFlow(false);
+    const { data: isValid, isLoading, mutate: onSubmit, } = useMutation.useMutation((otp) => emailWalletConnector.verifyOneTimePassword(otp), {
+        onFailure: (error) => setError(error),
+    });
+    return (jsxRuntime.jsx(OTPVerificationView.OTPVerificationView, { email: email, error: error, onClickBack: handleBackClick, isLoading: isLoading, onPinComplete: onSubmit, isValid: isValid === true, onPinChange: () => setError(undefined), onClickClose: handleOnClickClose, onClickEditEmail: handleBackClick, displayPoweredByDynamic: true }));
 };
 
 exports.EmailWalletOTPVerificationView = EmailWalletOTPVerificationView;

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

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const EmailWalletOTPVerificationView: () => JSX.Element;
+/// <reference types="react" />
+export declare const EmailWalletOTPVerificationView: () => JSX.Element;

package/src/lib/views/EmailWalletOTPVerificationView/EmailWalletOTPVerificationView.js

@@ -11,7 +11,7 @@ import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
-import 'ethers';
+import 'viem';
 import '../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import '@dynamic-labs/rpc-providers';
@@ -40,28 +40,28 @@ import '../../context/CaptchaContext/CaptchaContext.js';
 import { useMutation } from '../../utils/hooks/useMutation/useMutation.js';
 import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 
-const EmailWalletOTPVerificationView = () => {
-    const { setView } = useViewContext();
-    const [error, setError] = useState();
-    const { selectedWalletConnector: emailWalletConnector, clearStatesOnBackClick, setShowAuthFlow, } = useInternalDynamicContext();
-    if (!emailWalletConnector ||
-        !isEmailOTPWalletConnector(emailWalletConnector)) {
-        throw new Error('Current wallet is not EmailWalletConnector');
-    }
-    const { email } = emailWalletConnector;
-    if (!email) {
-        throw new Error('EmailWalletOtpVerificationView requires a email');
-    }
-    const handleBackClick = () => {
-        emailWalletConnector.clearEmail();
-        clearStatesOnBackClick();
-        setView('login-with-email-or-wallet');
-    };
-    const handleOnClickClose = () => setShowAuthFlow(false);
-    const { data: isValid, isLoading, mutate: onSubmit, } = useMutation((otp) => emailWalletConnector.verifyOneTimePassword(otp), {
-        onFailure: (error) => setError(error),
-    });
-    return (jsx(OTPVerificationView, { email: email, error: error, onClickBack: handleBackClick, isLoading: isLoading, onPinComplete: onSubmit, isValid: isValid === true, onPinChange: () => setError(undefined), onClickClose: handleOnClickClose, onClickEditEmail: handleBackClick, displayPoweredByDynamic: true }));
+const EmailWalletOTPVerificationView = () => {
+    const { setView } = useViewContext();
+    const [error, setError] = useState();
+    const { selectedWalletConnector: emailWalletConnector, clearStatesOnBackClick, setShowAuthFlow, } = useInternalDynamicContext();
+    if (!emailWalletConnector ||
+        !isEmailOTPWalletConnector(emailWalletConnector)) {
+        throw new Error('Current wallet is not EmailWalletConnector');
+    }
+    const { email } = emailWalletConnector;
+    if (!email) {
+        throw new Error('EmailWalletOtpVerificationView requires a email');
+    }
+    const handleBackClick = () => {
+        emailWalletConnector.clearEmail();
+        clearStatesOnBackClick();
+        setView('login-with-email-or-wallet');
+    };
+    const handleOnClickClose = () => setShowAuthFlow(false);
+    const { data: isValid, isLoading, mutate: onSubmit, } = useMutation((otp) => emailWalletConnector.verifyOneTimePassword(otp), {
+        onFailure: (error) => setError(error),
+    });
+    return (jsx(OTPVerificationView, { email: email, error: error, onClickBack: handleBackClick, isLoading: isLoading, onPinComplete: onSubmit, isValid: isValid === true, onPinChange: () => setError(undefined), onClickClose: handleOnClickClose, onClickEditEmail: handleBackClick, displayPoweredByDynamic: true }));
 };
 
 export { EmailWalletOTPVerificationView };

package/src/lib/views/EmailWalletOTPVerificationView/index.d.ts

@@ -1 +1 @@
-export { EmailWalletOTPVerificationView } from './EmailWalletOTPVerificationView';
+export { EmailWalletOTPVerificationView } from './EmailWalletOTPVerificationView';

package/src/lib/views/LoginWithEmailView/LoginWithEmailView.cjs

@@ -16,7 +16,7 @@ require('@dynamic-labs/utils');
 var localStorage$1 = require('../../utils/constants/localStorage.cjs');
 require('../../utils/constants/colors.cjs');
 var localStorage = require('../../shared/utils/classes/storage/localStorage.cjs');
-require('ethers');
+require('viem');
 require('../../shared/consts/index.cjs');
 var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');
 var Divider = require('../../components/Divider/Divider.cjs');
@@ -29,35 +29,35 @@ var LoginWithEmailForm = require('./components/LoginWithEmailForm/LoginWithEmail
 var LoginWithEmailWalletList = require('./components/LoginWithEmailWalletList/LoginWithEmailWalletList.cjs');
 var SocialSignIn = require('./components/SocialSignIn/SocialSignIn.cjs');
 
-const LoginWithEmailView = () => {
-    var _a;
-    const { error } = ErrorContext.useErrorContext();
-    const { authorizationViewDisplayOrder, wallets, projectSettings, walletsFilter, signWithEmailWalletName, loginWithEmail, } = useInternalDynamicContext.useInternalDynamicContext();
-    const { walletBook: walletBook$1 } = walletBook.useWalletBookContext();
-    const { showToSFooter } = useAuthLayoutChecks.useAuthLayoutChecks();
-    const { enabledSocialProviders } = SocialRedirectContext.useSocialRedirectContext();
-    const { numberOfWallets, walletsList } = walletListBuilder.walletListBuilder({
-        groupWallets: true,
-        inputList: wallets,
-        isWalletConnectList: false,
-        lastUsedWalletName: localStorage.LocalStorage.getFromLS(localStorage$1.LAST_USED_WALLET),
-        loginWithEmail,
-        numberOfWalletsToShow: LoginWithEmailWalletList.NUMBER_OF_WALLETS,
-        searchFilter: undefined,
-        signWithEmailWalletName,
-        walletBook: walletBook$1,
-        walletsFilter,
-    });
-    const isWeb2Priority = isDisplayOrderPriorityForWeb2.isDisplayOrderPriorityForWeb2(authorizationViewDisplayOrder);
-    const dividerText = isWeb2Priority
-        ? 'Or continue with a wallet'
-        : 'Or continue with';
-    return (jsxRuntime.jsxs("div", Object.assign({ className: 'login-with-email__container' }, { children: [error && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: error }), jsxRuntime.jsxs("div", Object.assign({ className: classNames.classNames('login-with-email__scroll', {
-                    'login-with-email__scroll--email-first': isWeb2Priority,
-                    'login-with-email__scroll--with-footer': showToSFooter,
-                }), "data-testid": 'login-with-email-scroll' }, { children: [numberOfWallets &&
-                        walletsList.length &&
-                        !((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal) === null || _a === void 0 ? void 0 : _a.emailOnly) ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(LoginWithEmailWalletList.LoginWithEmailWalletList, { walletsList: walletsList, numberOfWallets: numberOfWallets }), jsxRuntime.jsx(Divider.Divider, { text: dividerText })] })) : null, jsxRuntime.jsxs("div", Object.assign({ className: 'login-with-email__scroll__web2' }, { children: [jsxRuntime.jsx(LoginWithEmailForm.LoginWithEmailForm, {}), enabledSocialProviders.length > 0 && jsxRuntime.jsx(SocialSignIn.SocialSignIn, {})] }))] }))] })));
+const LoginWithEmailView = () => {
+    var _a;
+    const { error } = ErrorContext.useErrorContext();
+    const { authorizationViewDisplayOrder, wallets, projectSettings, walletsFilter, signWithEmailWalletName, loginWithEmail, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { walletBook: walletBook$1 } = walletBook.useWalletBookContext();
+    const { showToSFooter } = useAuthLayoutChecks.useAuthLayoutChecks();
+    const { enabledSocialProviders } = SocialRedirectContext.useSocialRedirectContext();
+    const { numberOfWallets, walletsList } = walletListBuilder.walletListBuilder({
+        groupWallets: true,
+        inputList: wallets,
+        isWalletConnectList: false,
+        lastUsedWalletName: localStorage.LocalStorage.getFromLS(localStorage$1.LAST_USED_WALLET),
+        loginWithEmail,
+        numberOfWalletsToShow: LoginWithEmailWalletList.NUMBER_OF_WALLETS,
+        searchFilter: undefined,
+        signWithEmailWalletName,
+        walletBook: walletBook$1,
+        walletsFilter,
+    });
+    const isWeb2Priority = isDisplayOrderPriorityForWeb2.isDisplayOrderPriorityForWeb2(authorizationViewDisplayOrder);
+    const dividerText = isWeb2Priority
+        ? 'Or continue with a wallet'
+        : 'Or continue with';
+    return (jsxRuntime.jsxs("div", { className: 'login-with-email__container', children: [error && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: error }), jsxRuntime.jsxs("div", { className: classNames.classNames('login-with-email__scroll', {
+                    'login-with-email__scroll--email-first': isWeb2Priority,
+                    'login-with-email__scroll--with-footer': showToSFooter,
+                }), "data-testid": 'login-with-email-scroll', children: [numberOfWallets &&
+                        walletsList.length &&
+                        !((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal) === null || _a === void 0 ? void 0 : _a.emailOnly) ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(LoginWithEmailWalletList.LoginWithEmailWalletList, { walletsList: walletsList, numberOfWallets: numberOfWallets }), jsxRuntime.jsx(Divider.Divider, { text: dividerText })] })) : null, jsxRuntime.jsxs("div", { className: 'login-with-email__scroll__web2', children: [jsxRuntime.jsx(LoginWithEmailForm.LoginWithEmailForm, {}), enabledSocialProviders.length > 0 && jsxRuntime.jsx(SocialSignIn.SocialSignIn, {})] })] })] }));
 };
 
 exports.LoginWithEmailView = LoginWithEmailView;

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

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const LoginWithEmailView: () => JSX.Element;
+/// <reference types="react" />
+export declare const LoginWithEmailView: () => JSX.Element;