@dynamic-labs/sdk-react-core 1.1.0-phantom.0 → 1.1.1

package/src/lib/views/EmailConfirmationWaitingView/EmailConfirmationWaitingView.js

@@ -13,6 +13,7 @@ import { useViewContext } from '../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgPencilAltIcon } from '../../shared/assets/pencil-alt-icon.js';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../shared/consts/index.js';
@@ -56,8 +57,8 @@ import 'formik';
 import { IconButton } from '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '@dynamic-labs/viem-utils';
 import '../../context/PasskeyContext/PasskeyContext.js';
+import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';

package/src/lib/views/EmailUpdate/EmailUpdate.cjs

@@ -17,6 +17,7 @@ var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
 var chevronLeft = require('../../shared/assets/chevron-left.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('../../shared/consts/index.cjs');
@@ -59,8 +60,8 @@ var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
 var IconButton = require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('@dynamic-labs/viem-utils');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
+require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 var Input = require('../../components/Input/Input.cjs');

package/src/lib/views/EmailUpdate/EmailUpdate.js

@@ -13,6 +13,7 @@ import { useViewContext } from '../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgChevronLeft } from '../../shared/assets/chevron-left.js';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../shared/consts/index.js';
@@ -55,8 +56,8 @@ import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
 import { IconButton } from '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '@dynamic-labs/viem-utils';
 import '../../context/PasskeyContext/PasskeyContext.js';
+import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import { Input } from '../../components/Input/Input.js';

package/src/lib/views/EmailVerification/EmailVerification.cjs

@@ -14,28 +14,28 @@ var decodeJwt = require('../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
-var checkCircle = require('../../shared/assets/check-circle.cjs');
 var check = require('../../shared/assets/check.cjs');
 var signInWithEmail = require('../../shared/assets/sign-in-with-email.cjs');
 var logger = require('../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/sdk-api');
 var useEffectOnce = require('../../shared/utils/hooks/useEffectOnce/useEffectOnce.cjs');
 require('../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 var ErrorContext = require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
-require('@dynamic-labs/sdk-api');
+var isTurnkeyEnabled = require('../../utils/functions/isTurnkeyEnabled/isTurnkeyEnabled.cjs');
 require('viem/chains');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 var AccountExistsContext = require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 var api = require('../../data/api.cjs');
 var useEmailVerificationRequest = require('../../utils/hooks/authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.cjs');
 require('react-dom');
-var useCountdown = require('../../utils/hooks/useCountdown/useCountdown.cjs');
 var useEmbeddedWallet = require('../../utils/hooks/useEmbeddedWallet/useEmbeddedWallet.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 var useOnUnmount = require('../../utils/hooks/useOnUnmount/useOnUnmount.cjs');
@@ -70,14 +70,15 @@ require('../../components/IconButton/IconButton.cjs');
 var Icon = require('../../components/Icon/Icon.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('@dynamic-labs/viem-utils');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
+require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var TextButton = require('../../components/TextButton/TextButton.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-var shortenEmail = require('../../shared/utils/functions/shortenEmail/shortenEmail.cjs');
 var PinField = require('../../components/PinField/PinField.cjs');
+var shortenEmail = require('../../shared/utils/functions/shortenEmail/shortenEmail.cjs');
+var RetrySendVerificationCodeSection = require('../../components/RetrySendVerificationCodeSection/RetrySendVerificationCodeSection.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('../WalletList/WalletList.cjs');
@@ -89,9 +90,8 @@ require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondar
 const SECONDS_TO_RETRY = 15;
 const sleepToShowSuccessMessage = () => utils.sleep(1500);
 const EmailVerification = () => {
-    var _a, _b;
-    const [hideRetryButton, setHideRetryButton] = React.useState(false);
-    const [retried, setRetried] = React.useState(false);
+    var _a, _b, _c, _d;
+    const [showRetryButton, setShowRetryButton] = React.useState(true);
     const [showTransferMessage, setShowTransferMessage] = React.useState(false);
     // Use a state to ensure UI is updated, but also a ref to access in effect cleanup
     const [isValidated, _setIsValidated] = React.useState(false);
@@ -108,10 +108,6 @@ const EmailVerification = () => {
     const { loading, setLoading } = LoadingContext.useLoadingContext();
     const { t } = reactI18next.useTranslation();
     const { createEmbeddedWallet } = useEmbeddedWallet.useEmbeddedWallet();
-    const { remainingSeconds, startCountdown } = useCountdown.useCountdown({
-        callback: () => setRetried(false),
-        seconds: SECONDS_TO_RETRY,
-    });
     // When true, causes the component to call emailVerificationX callback on unmount
     const callCallbackOnUnmount = React.useRef(true);
     useOnUnmount.useOnUnmount(() => {
@@ -127,8 +123,9 @@ const EmailVerification = () => {
     const isLoginView = view.type === 'login-with-email-verification';
     const { verifyEmail } = useEmailVerificationRequest.useEmailVerificationRequest();
     const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback.useCreateUserProfileByJWTCallback();
+    const isTurnkeyProviderEnabled = isTurnkeyEnabled.isTurnkeyEnabled(projectSettings);
     const handleComplete = React.useCallback((verificationToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _c;
+        var _e, _f;
         setError(undefined);
         setLoading(true);
         if (!verificationUUID || (!authToken && !onboardingOnlyJwt)) {
@@ -146,7 +143,8 @@ const EmailVerification = () => {
             if (nextView === 'verified-and-transferred') {
                 setShowTransferMessage(true);
             }
-            if (!((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.automaticEmbeddedWalletCreation)) {
+            if (isTurnkeyProviderEnabled &&
+                !((_f = (_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _e === void 0 ? void 0 : _e.embeddedWallets) === null || _f === void 0 ? void 0 : _f.automaticEmbeddedWalletCreation)) {
                 setShowAuthFlow(false);
                 return;
             }
@@ -182,14 +180,14 @@ const EmailVerification = () => {
         verifyEmail,
         setOnboardingOnlyJwt,
         setCallback,
-        (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.automaticEmbeddedWalletCreation,
+        (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.embeddedWallets) === null || _b === void 0 ? void 0 : _b.automaticEmbeddedWalletCreation,
         createEmbeddedWallet,
         setShowAuthFlow,
         setErrorMessage,
         setView,
     ]);
     const handleEmailLogin = React.useCallback((verificationToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _d;
+        var _g, _h;
         setError(undefined);
         setLoading(true);
         if (!verificationUUID) {
@@ -220,7 +218,8 @@ const EmailVerification = () => {
             // this timeout is set to make sure that the user will see success message
             yield sleepToShowSuccessMessage();
             yield createUserProfileByJWT(jwt);
-            if (!((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _d === void 0 ? void 0 : _d.automaticEmbeddedWalletCreation)) {
+            if (isTurnkeyProviderEnabled &&
+                !((_h = (_g = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _g === void 0 ? void 0 : _g.embeddedWallets) === null || _h === void 0 ? void 0 : _h.automaticEmbeddedWalletCreation)) {
                 setShowAuthFlow(false);
                 return;
             }
@@ -258,7 +257,7 @@ const EmailVerification = () => {
         createUserProfileByJWT,
         setOnboardingOnlyJwt,
         setView,
-        (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.automaticEmbeddedWalletCreation,
+        (_d = (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.embeddedWallets) === null || _d === void 0 ? void 0 : _d.automaticEmbeddedWalletCreation,
         createEmbeddedWallet,
         setShowAuthFlow,
         setErrorMessage,
@@ -276,15 +275,13 @@ const EmailVerification = () => {
                 verificationUUID,
             });
             setVerificationUUID(newVerificationUUID);
-            setRetried(true);
-            startCountdown();
             setError(undefined);
         }
         catch (error) {
             logger.logger.debug(error);
             setErrorMessage(error.code);
             if (error.code === 'too_many_email_verification_attempts') {
-                setHideRetryButton(true);
+                setShowRetryButton(false);
             }
             if (error.code === 'invalid_email_verification') {
                 goToInitialView();
@@ -305,7 +302,7 @@ const EmailVerification = () => {
     }, []);
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [error && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, { withIcon: false, className: 'email-verification__error-message', children: error })), jsxRuntime.jsxs("div", { className: classNames.classNames('email-verification__container', {
                     'email-verification__container--error': Boolean(error),
-                }), children: [showTransferMessage && (jsxRuntime.jsx("div", { className: 'email-verification__transfer-message', copykey: 'dyn_email_verification.complete', children: t('dyn_email_verification.complete') })), isValidated ? (jsxRuntime.jsx("div", { className: 'email-verification__icon-container', children: jsxRuntime.jsx(IconWithStatus.IconWithStatus, { containerClassName: 'email-verification__icon--verified', Icon: EmailIcon, iconSize: 64, InnerIcon: check.ReactComponent }) })) : (jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: EmailIcon, iconSize: 96, isSpinning: true, className: 'email-verification__icon-with-spinner' })), jsxRuntime.jsxs("div", { className: 'email-verification__copy-text-container', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', copykey: 'dyn_email_verification.description', children: t('dyn_email_verification.description') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'bold', color: 'secondary', children: shortenEmail.shortenEmail(email) })] }), !isLoginView && !isValidated && (jsxRuntime.jsx(TextButton.TextButton, { onClick: updateEmail, className: 'email-verification__text-button', disabled: loading, copykey: 'dyn_email_verification.edit_email', children: t('dyn_email_verification.edit_email') })), jsxRuntime.jsx(PinField.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 ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', className: 'email-verification__retry-text', copykey: 'dyn_email_verification.resend_code_in', children: t('dyn_email_verification.resend_code_in', { remainingSeconds }) }), jsxRuntime.jsxs("span", { className: 'email-verification__retry-container', children: [jsxRuntime.jsx(checkCircle.ReactComponent, {}), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'medium', color: 'primary', className: 'email-verification__retry-container-text', copykey: 'dyn_email_verification.code_sent', children: t('dyn_email_verification.code_sent') })] })] })) : (!hideRetryButton && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, { className: 'email-verification__retry-copy', variant: 'body_small', weight: 'medium', color: 'secondary', copykey: 'dyn_email_verification.code_not_received', children: t('dyn_email_verification.code_not_received') }), jsxRuntime.jsx(TextButton.TextButton, { className: 'email-verification__text-button', disabled: loading || isValidated, onClick: () => handleRetry(), copykey: 'dyn_email_verification.resend_code', children: t('dyn_email_verification.resend_code') })] }))), !isLoginView && (jsxRuntime.jsx(TextButton.TextButton, { className: 'email-verification__log-out', onClick: handleLogOut, copykey: 'dyn_email_verification.log_out_button', children: t('dyn_email_verification.log_out_button') }))] })] }));
+                }), children: [showTransferMessage && (jsxRuntime.jsx("div", { className: 'email-verification__transfer-message', copykey: 'dyn_email_verification.complete', children: t('dyn_email_verification.complete') })), isValidated ? (jsxRuntime.jsx("div", { className: 'email-verification__icon-container', children: jsxRuntime.jsx(IconWithStatus.IconWithStatus, { containerClassName: 'email-verification__icon--verified', Icon: EmailIcon, iconSize: 64, InnerIcon: check.ReactComponent }) })) : (jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: EmailIcon, iconSize: 96, isSpinning: true, className: 'email-verification__icon-with-spinner' })), jsxRuntime.jsxs("div", { className: 'email-verification__copy-text-container', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', copykey: 'dyn_email_verification.description', children: t('dyn_email_verification.description') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'bold', color: 'secondary', children: shortenEmail.shortenEmail(email) })] }), !isLoginView && !isValidated && (jsxRuntime.jsx(TextButton.TextButton, { onClick: updateEmail, className: 'email-verification__text-button', disabled: loading, copykey: 'dyn_email_verification.edit_email', children: t('dyn_email_verification.edit_email') })), jsxRuntime.jsx(PinField.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) }), showRetryButton && (jsxRuntime.jsx(RetrySendVerificationCodeSection.RetrySendVerificationCodeSection, { className: 'email-verification__retry-container', retryHandler: handleRetry, secondsToRetry: SECONDS_TO_RETRY })), !isLoginView && (jsxRuntime.jsx(TextButton.TextButton, { className: 'email-verification__log-out', onClick: handleLogOut, copykey: 'dyn_email_verification.log_out_button', children: t('dyn_email_verification.log_out_button') }))] })] }));
 };
 
 exports.EmailVerification = EmailVerification;

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

@@ -10,28 +10,28 @@ import { decodeJwt } from '../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import { useViewContext } from '../../context/ViewContext/ViewContext.js';
-import { ReactComponent as SvgCheckCircle } from '../../shared/assets/check-circle.js';
 import { ReactComponent as SvgCheck } from '../../shared/assets/check.js';
 import { ReactComponent as SvgSignInWithEmail } from '../../shared/assets/sign-in-with-email.js';
 import { logger } from '../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/sdk-api';
 import { useEffectOnce } from '../../shared/utils/hooks/useEffectOnce/useEffectOnce.js';
 import '../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import { useErrorContext } from '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
-import '@dynamic-labs/sdk-api';
+import { isTurnkeyEnabled } from '../../utils/functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
 import 'viem/chains';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import { useAccountExistsContext } from '../../context/AccountExistsContext/AccountExistsContext.js';
 import { signInWithEmailVerification, retryEmailVerification } from '../../data/api.js';
 import { useEmailVerificationRequest } from '../../utils/hooks/authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.js';
 import 'react-dom';
-import { useCountdown } from '../../utils/hooks/useCountdown/useCountdown.js';
 import { useEmbeddedWallet } from '../../utils/hooks/useEmbeddedWallet/useEmbeddedWallet.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import { useOnUnmount } from '../../utils/hooks/useOnUnmount/useOnUnmount.js';
@@ -66,14 +66,15 @@ import '../../components/IconButton/IconButton.js';
 import { Icon } from '../../components/Icon/Icon.js';
 import '../../components/Alert/Alert.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '@dynamic-labs/viem-utils';
 import '../../context/PasskeyContext/PasskeyContext.js';
+import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { TextButton } from '../../components/TextButton/TextButton.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import { shortenEmail } from '../../shared/utils/functions/shortenEmail/shortenEmail.js';
 import { PinField } from '../../components/PinField/PinField.js';
+import { shortenEmail } from '../../shared/utils/functions/shortenEmail/shortenEmail.js';
+import { RetrySendVerificationCodeSection } from '../../components/RetrySendVerificationCodeSection/RetrySendVerificationCodeSection.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import '../WalletList/WalletList.js';
@@ -85,9 +86,8 @@ import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondary
 const SECONDS_TO_RETRY = 15;
 const sleepToShowSuccessMessage = () => sleep(1500);
 const EmailVerification = () => {
-    var _a, _b;
-    const [hideRetryButton, setHideRetryButton] = useState(false);
-    const [retried, setRetried] = useState(false);
+    var _a, _b, _c, _d;
+    const [showRetryButton, setShowRetryButton] = useState(true);
     const [showTransferMessage, setShowTransferMessage] = useState(false);
     // Use a state to ensure UI is updated, but also a ref to access in effect cleanup
     const [isValidated, _setIsValidated] = useState(false);
@@ -104,10 +104,6 @@ const EmailVerification = () => {
     const { loading, setLoading } = useLoadingContext();
     const { t } = useTranslation();
     const { createEmbeddedWallet } = useEmbeddedWallet();
-    const { remainingSeconds, startCountdown } = useCountdown({
-        callback: () => setRetried(false),
-        seconds: SECONDS_TO_RETRY,
-    });
     // When true, causes the component to call emailVerificationX callback on unmount
     const callCallbackOnUnmount = useRef(true);
     useOnUnmount(() => {
@@ -123,8 +119,9 @@ const EmailVerification = () => {
     const isLoginView = view.type === 'login-with-email-verification';
     const { verifyEmail } = useEmailVerificationRequest();
     const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback();
+    const isTurnkeyProviderEnabled = isTurnkeyEnabled(projectSettings);
     const handleComplete = useCallback((verificationToken) => __awaiter(void 0, void 0, void 0, function* () {
-        var _c;
+        var _e, _f;
         setError(undefined);
         setLoading(true);
         if (!verificationUUID || (!authToken && !onboardingOnlyJwt)) {
@@ -142,7 +139,8 @@ const EmailVerification = () => {
             if (nextView === 'verified-and-transferred') {
                 setShowTransferMessage(true);
             }
-            if (!((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.automaticEmbeddedWalletCreation)) {
+            if (isTurnkeyProviderEnabled &&
+                !((_f = (_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _e === void 0 ? void 0 : _e.embeddedWallets) === null || _f === void 0 ? void 0 : _f.automaticEmbeddedWalletCreation)) {
                 setShowAuthFlow(false);
                 return;
             }
@@ -178,14 +176,14 @@ const EmailVerification = () => {
         verifyEmail,
         setOnboardingOnlyJwt,
         setCallback,
-        (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.automaticEmbeddedWalletCreation,
+        (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.embeddedWallets) === null || _b === void 0 ? void 0 : _b.automaticEmbeddedWalletCreation,
         createEmbeddedWallet,
         setShowAuthFlow,
         setErrorMessage,
         setView,
     ]);
     const handleEmailLogin = useCallback((verificationToken) => __awaiter(void 0, void 0, void 0, function* () {
-        var _d;
+        var _g, _h;
         setError(undefined);
         setLoading(true);
         if (!verificationUUID) {
@@ -216,7 +214,8 @@ const EmailVerification = () => {
             // this timeout is set to make sure that the user will see success message
             yield sleepToShowSuccessMessage();
             yield createUserProfileByJWT(jwt);
-            if (!((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _d === void 0 ? void 0 : _d.automaticEmbeddedWalletCreation)) {
+            if (isTurnkeyProviderEnabled &&
+                !((_h = (_g = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _g === void 0 ? void 0 : _g.embeddedWallets) === null || _h === void 0 ? void 0 : _h.automaticEmbeddedWalletCreation)) {
                 setShowAuthFlow(false);
                 return;
             }
@@ -254,7 +253,7 @@ const EmailVerification = () => {
         createUserProfileByJWT,
         setOnboardingOnlyJwt,
         setView,
-        (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.automaticEmbeddedWalletCreation,
+        (_d = (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.embeddedWallets) === null || _d === void 0 ? void 0 : _d.automaticEmbeddedWalletCreation,
         createEmbeddedWallet,
         setShowAuthFlow,
         setErrorMessage,
@@ -272,15 +271,13 @@ const EmailVerification = () => {
                 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);
+                setShowRetryButton(false);
             }
             if (error.code === 'invalid_email_verification') {
                 goToInitialView();
@@ -301,7 +298,7 @@ const EmailVerification = () => {
     }, []);
     return (jsxs(Fragment, { children: [error && (jsx(ErrorContainer, { withIcon: false, className: 'email-verification__error-message', children: error })), jsxs("div", { className: classNames('email-verification__container', {
                     'email-verification__container--error': Boolean(error),
-                }), children: [showTransferMessage && (jsx("div", { className: 'email-verification__transfer-message', copykey: 'dyn_email_verification.complete', children: t('dyn_email_verification.complete') })), isValidated ? (jsx("div", { className: 'email-verification__icon-container', children: jsx(IconWithStatus, { containerClassName: 'email-verification__icon--verified', Icon: EmailIcon, iconSize: 64, InnerIcon: SvgCheck }) })) : (jsx(IconWithSpinner, { Icon: EmailIcon, iconSize: 96, isSpinning: true, className: 'email-verification__icon-with-spinner' })), jsxs("div", { className: 'email-verification__copy-text-container', children: [jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', copykey: 'dyn_email_verification.description', children: t('dyn_email_verification.description') }), jsx(Typography, { variant: 'body_normal', weight: 'bold', color: 'secondary', children: shortenEmail(email) })] }), !isLoginView && !isValidated && (jsx(TextButton, { onClick: updateEmail, className: 'email-verification__text-button', disabled: loading, copykey: 'dyn_email_verification.edit_email', children: t('dyn_email_verification.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: [jsx(Typography, { variant: 'body_small', color: 'secondary', className: 'email-verification__retry-text', copykey: 'dyn_email_verification.resend_code_in', children: t('dyn_email_verification.resend_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', copykey: 'dyn_email_verification.code_sent', children: t('dyn_email_verification.code_sent') })] })] })) : (!hideRetryButton && (jsxs(Fragment, { children: [jsx(Typography, { className: 'email-verification__retry-copy', variant: 'body_small', weight: 'medium', color: 'secondary', copykey: 'dyn_email_verification.code_not_received', children: t('dyn_email_verification.code_not_received') }), jsx(TextButton, { className: 'email-verification__text-button', disabled: loading || isValidated, onClick: () => handleRetry(), copykey: 'dyn_email_verification.resend_code', children: t('dyn_email_verification.resend_code') })] }))), !isLoginView && (jsx(TextButton, { className: 'email-verification__log-out', onClick: handleLogOut, copykey: 'dyn_email_verification.log_out_button', children: t('dyn_email_verification.log_out_button') }))] })] }));
+                }), children: [showTransferMessage && (jsx("div", { className: 'email-verification__transfer-message', copykey: 'dyn_email_verification.complete', children: t('dyn_email_verification.complete') })), isValidated ? (jsx("div", { className: 'email-verification__icon-container', children: jsx(IconWithStatus, { containerClassName: 'email-verification__icon--verified', Icon: EmailIcon, iconSize: 64, InnerIcon: SvgCheck }) })) : (jsx(IconWithSpinner, { Icon: EmailIcon, iconSize: 96, isSpinning: true, className: 'email-verification__icon-with-spinner' })), jsxs("div", { className: 'email-verification__copy-text-container', children: [jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', copykey: 'dyn_email_verification.description', children: t('dyn_email_verification.description') }), jsx(Typography, { variant: 'body_normal', weight: 'bold', color: 'secondary', children: shortenEmail(email) })] }), !isLoginView && !isValidated && (jsx(TextButton, { onClick: updateEmail, className: 'email-verification__text-button', disabled: loading, copykey: 'dyn_email_verification.edit_email', children: t('dyn_email_verification.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) }), showRetryButton && (jsx(RetrySendVerificationCodeSection, { className: 'email-verification__retry-container', retryHandler: handleRetry, secondsToRetry: SECONDS_TO_RETRY })), !isLoginView && (jsx(TextButton, { className: 'email-verification__log-out', onClick: handleLogOut, copykey: 'dyn_email_verification.log_out_button', children: t('dyn_email_verification.log_out_button') }))] })] }));
 };
 
 export { EmailVerification };

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

@@ -12,11 +12,13 @@ require('@dynamic-labs/iconic');
 var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 var dynamicEvents = require('../../events/dynamicEvents.cjs');
+require('../../../../_virtual/_tslib.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -52,6 +54,7 @@ require('formik');
 require('i18next');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../WalletList/WalletList.cjs');
 require('qrcode');
 require('@hcaptcha/react-hcaptcha');
@@ -60,7 +63,6 @@ require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/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');
@@ -94,7 +96,7 @@ const EmailWalletOTPVerificationView = () => {
             dynamicEvents.dynamicEvents.emit('emailVerificationResult', true, email);
         },
     });
-    return (jsxRuntime.jsx(OTPVerificationView.OTPVerificationView, { email: email, error: error, onClickBack: handleBackClick, isLoading: isLoading, onPinComplete: onSubmit, isValid: isValid === true, onPinChange: () => setError(undefined), onClickEditEmail: handleBackClick, successBannerTextKey: 'dyn_otp_verification.banner_text' }));
+    return (jsxRuntime.jsx(OTPVerificationView.OTPVerificationView, { email: email, error: error, onClickBack: handleBackClick, isLoading: isLoading, onPinComplete: onSubmit, isValid: isValid === true, retryHandler: emailWalletConnector.retryOneTypePassword.bind(emailWalletConnector), onPinChange: () => setError(undefined), onClickEditEmail: handleBackClick, successBannerTextKey: 'dyn_otp_verification.banner_text' }));
 };
 
 exports.EmailWalletOTPVerificationView = EmailWalletOTPVerificationView;

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

@@ -8,11 +8,13 @@ import '@dynamic-labs/iconic';
 import { useViewContext } from '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 import { dynamicEvents } from '../../events/dynamicEvents.js';
+import '../../../../_virtual/_tslib.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -48,6 +50,7 @@ import 'formik';
 import 'i18next';
 import '../../components/OverlayCard/OverlayCard.context.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
 import '../WalletList/WalletList.js';
 import 'qrcode';
 import '@hcaptcha/react-hcaptcha';
@@ -56,7 +59,6 @@ import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../context/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';
@@ -90,7 +92,7 @@ const EmailWalletOTPVerificationView = () => {
             dynamicEvents.emit('emailVerificationResult', true, email);
         },
     });
-    return (jsx(OTPVerificationView, { email: email, error: error, onClickBack: handleBackClick, isLoading: isLoading, onPinComplete: onSubmit, isValid: isValid === true, onPinChange: () => setError(undefined), onClickEditEmail: handleBackClick, successBannerTextKey: 'dyn_otp_verification.banner_text' }));
+    return (jsx(OTPVerificationView, { email: email, error: error, onClickBack: handleBackClick, isLoading: isLoading, onPinComplete: onSubmit, isValid: isValid === true, retryHandler: emailWalletConnector.retryOneTypePassword.bind(emailWalletConnector), onPinChange: () => setError(undefined), onClickEditEmail: handleBackClick, successBannerTextKey: 'dyn_otp_verification.banner_text' }));
 };
 
 export { EmailWalletOTPVerificationView };

package/src/lib/views/EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView.cjs

@@ -21,14 +21,17 @@ var walletV2 = require('../../../shared/assets/wallet-v2.cjs');
 var logger = require('../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../../utils/constants/colors.cjs');
+require('../../../utils/constants/values.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/sdk-api');
 require('../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
+var createOwnerWallet = require('../../../utils/functions/createOwnerWallet/createOwnerWallet.cjs');
 require('@dynamic-labs/multi-wallet');
-require('@dynamic-labs/sdk-api');
+var isAccountAbstractionWallet = require('../../../utils/functions/isAccountAbstractionWallet/isAccountAbstractionWallet.cjs');
 require('viem/chains');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -67,8 +70,8 @@ var ModalHeader = require('../../../components/ModalHeader/ModalHeader.cjs');
 var IconButton = require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/Alert/Alert.cjs');
 require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('@dynamic-labs/viem-utils');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
+require('@dynamic-labs/viem-utils');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var Checkbox = require('../../../components/Checkbox/Checkbox.cjs');
 require('../../../components/InlineWidget/InlineWidget.cjs');
@@ -99,26 +102,32 @@ const EmbeddedRevealView = () => {
             ((_a = iframeContainerElement === null || iframeContainerElement === void 0 ? void 0 : iframeContainerElement.children) === null || _a === void 0 ? void 0 : _a.length) > 0) {
             return;
         }
+        const wallet = isAccountAbstractionWallet.isAccountAbstractionWallet(primaryWallet)
+            ? createOwnerWallet.createOwnerWallet(primaryWallet, (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || [])
+            : primaryWallet;
         turnkeyExport.initExport({
             iframeContainer: iframeContainerElement,
             iframeElementId: constants.iframeElementId,
-            wallet: primaryWallet,
+            wallet,
         });
         return () => {
             turnkeyExport.cleanupExport({
-                wallet: primaryWallet,
+                wallet,
             });
         };
         // only run once on mount
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     const { mutate: handleExportWallet, isLoading, error, data, } = useMutation.useMutation(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const wallet = isAccountAbstractionWallet.isAccountAbstractionWallet(primaryWallet)
+            ? createOwnerWallet.createOwnerWallet(primaryWallet, (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || [])
+            : primaryWallet;
         return turnkeyExport.exportCredential({
-            address: exportPrivateKey ? primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address : undefined,
+            address: exportPrivateKey ? wallet === null || wallet === void 0 ? void 0 : wallet.address : undefined,
             authToken,
             environmentId,
             userEmail: user === null || user === void 0 ? void 0 : user.email,
-            wallet: primaryWallet,
+            wallet,
         });
     }), {
         onFailure: (err) => {

package/src/lib/views/EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView.js

@@ -17,14 +17,17 @@ import { ReactComponent as SvgWalletV2 } from '../../../shared/assets/wallet-v2.
 import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
 import '../../../utils/constants/colors.js';
+import '../../../utils/constants/values.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/sdk-api';
 import '../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
+import { createOwnerWallet } from '../../../utils/functions/createOwnerWallet/createOwnerWallet.js';
 import '@dynamic-labs/multi-wallet';
-import '@dynamic-labs/sdk-api';
+import { isAccountAbstractionWallet } from '../../../utils/functions/isAccountAbstractionWallet/isAccountAbstractionWallet.js';
 import 'viem/chains';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
@@ -63,8 +66,8 @@ import { ModalHeader } from '../../../components/ModalHeader/ModalHeader.js';
 import { IconButton } from '../../../components/IconButton/IconButton.js';
 import '../../../components/Alert/Alert.js';
 import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '@dynamic-labs/viem-utils';
 import '../../../context/PasskeyContext/PasskeyContext.js';
+import '@dynamic-labs/viem-utils';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { Checkbox } from '../../../components/Checkbox/Checkbox.js';
 import '../../../components/InlineWidget/InlineWidget.js';
@@ -95,26 +98,32 @@ const EmbeddedRevealView = () => {
             ((_a = iframeContainerElement === null || iframeContainerElement === void 0 ? void 0 : iframeContainerElement.children) === null || _a === void 0 ? void 0 : _a.length) > 0) {
             return;
         }
+        const wallet = isAccountAbstractionWallet(primaryWallet)
+            ? createOwnerWallet(primaryWallet, (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || [])
+            : primaryWallet;
         initExport({
             iframeContainer: iframeContainerElement,
             iframeElementId,
-            wallet: primaryWallet,
+            wallet,
         });
         return () => {
             cleanupExport({
-                wallet: primaryWallet,
+                wallet,
             });
         };
         // only run once on mount
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     const { mutate: handleExportWallet, isLoading, error, data, } = useMutation(() => __awaiter(void 0, void 0, void 0, function* () {
+        const wallet = isAccountAbstractionWallet(primaryWallet)
+            ? createOwnerWallet(primaryWallet, (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || [])
+            : primaryWallet;
         return exportCredential({
-            address: exportPrivateKey ? primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address : undefined,
+            address: exportPrivateKey ? wallet === null || wallet === void 0 ? void 0 : wallet.address : undefined,
             authToken,
             environmentId,
             userEmail: user === null || user === void 0 ? void 0 : user.email,
-            wallet: primaryWallet,
+            wallet,
         });
     }), {
         onFailure: (err) => {

package/src/lib/views/EmbeddedReveal/utils/turnkeyExport/turnkeyExport.cjs

@@ -13,8 +13,10 @@ require('react');
 require('../../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../../../utils/constants/colors.cjs');
+require('../../../../utils/constants/values.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/sdk-api');
 require('../../../../shared/consts/index.cjs');
 var api = require('../../../../data/api.cjs');
 

package/src/lib/views/EmbeddedReveal/utils/turnkeyExport/turnkeyExport.js

@@ -9,8 +9,10 @@ import 'react';
 import '../../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
 import '../../../../utils/constants/colors.js';
+import '../../../../utils/constants/values.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/sdk-api';
 import '../../../../shared/consts/index.js';
 import { exportEmbeddedWallet } from '../../../../data/api.js';