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

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

@@ -9,13 +9,11 @@ var reactI18next = require('react-i18next');
 var utils = require('@dynamic-labs/utils');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 var dynamicEvents = require('../../events/dynamicEvents.cjs');
-var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
-require('@dynamic-labs/wallet-connector-core');
-require('../../context/CaptchaContext/CaptchaContext.cjs');
-var ErrorContext = require('../../context/ErrorContext/ErrorContext.cjs');
-var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
 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');
@@ -26,10 +24,11 @@ require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 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');
-var index = require('../../utils/functions/storeAuthToken/index.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 var AccountExistsContext = require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 var api = require('../../data/api.cjs');
@@ -53,16 +52,15 @@ require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../components/Typography/Typography.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
 var LoadingContext = require('../../context/LoadingContext/LoadingContext.cjs');
-require('qrcode');
 var IconWithStatus = require('../../components/IconWithStatus/IconWithStatus.cjs');
 require('i18next');
+require('qrcode');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -70,7 +68,9 @@ require('formik');
 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('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var TextButton = require('../../components/TextButton/TextButton.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
@@ -79,7 +79,11 @@ var shortenEmail = require('../../shared/utils/functions/shortenEmail/shortenEma
 var PinField = require('../../components/PinField/PinField.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('../WalletList/WalletList.cjs');
 var EmailVerificationContext = require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 
 const SECONDS_TO_RETRY = 15;
 const sleepToShowSuccessMessage = () => utils.sleep(1500);
@@ -103,7 +107,6 @@ const EmailVerification = () => {
     const { loading, setLoading } = LoadingContext.useLoadingContext();
     const { t } = reactI18next.useTranslation();
     const { createEmbeddedWallet } = useEmbeddedWallet.useEmbeddedWallet();
-    const isTurnkeyProviderEnabled = isTurnkeyEnabled.isTurnkeyEnabled(projectSettings);
     const { remainingSeconds, startCountdown } = useCountdown.useCountdown({
         callback: () => setRetried(false),
         seconds: SECONDS_TO_RETRY,
@@ -120,7 +123,7 @@ const EmailVerification = () => {
         // It should be disabled by either clearStatesOnBackClick, the close button, or onAuthSuccess
         setIsVerificationInProgress(true);
     });
-    const isLoginView = view === 'login-with-email-verification';
+    const isLoginView = view.type === 'login-with-email-verification';
     const { verifyEmail } = useEmailVerificationRequest.useEmailVerificationRequest();
     const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback.useCreateUserProfileByJWTCallback();
     const handleComplete = React.useCallback((verificationToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -133,7 +136,7 @@ const EmailVerification = () => {
             return;
         }
         try {
-            const { nextView, jwt } = yield verifyEmail(verificationToken, verificationUUID);
+            const { nextView } = yield verifyEmail(verificationToken, verificationUUID);
             if (onboardingOnlyJwt) {
                 setOnboardingOnlyJwt(undefined);
                 setCallback('authSuccess');
@@ -142,20 +145,18 @@ const EmailVerification = () => {
             if (nextView === 'verified-and-transferred') {
                 setShowTransferMessage(true);
             }
-            if (isTurnkeyProviderEnabled &&
-                ((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.automaticEmbeddedWalletCreation)) {
-                try {
-                    index.storeAuthToken(jwt);
-                    // this function will check turnkey wallet enabled and create wallet if needed
-                    // if not enabled, it will throw an error.
-                    yield createEmbeddedWallet();
-                }
-                catch (e) {
-                    setShowAuthFlow(false, { emitCancelAuth: true });
-                }
+            if (!((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.automaticEmbeddedWalletCreation)) {
+                setShowAuthFlow(false);
                 return;
             }
-            setShowAuthFlow(false);
+            try {
+                // this function will check turnkey wallet enabled and create wallet if needed
+                // if not enabled, it will throw an error.
+                yield createEmbeddedWallet();
+            }
+            catch (e) {
+                setShowAuthFlow(false, { emitCancelAuth: true });
+            }
         }
         catch (error) {
             logger.logger.debug(error);
@@ -183,8 +184,8 @@ const EmailVerification = () => {
         (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.automaticEmbeddedWalletCreation,
         createEmbeddedWallet,
         setShowAuthFlow,
+        setErrorMessage,
         setView,
-        isTurnkeyProviderEnabled,
     ]);
     const handleEmailLogin = React.useCallback((verificationToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _d;
@@ -217,24 +218,19 @@ const EmailVerification = () => {
             setCallback('authSuccess');
             // this timeout is set to make sure that the user will see success message
             yield sleepToShowSuccessMessage();
-            if (isTurnkeyProviderEnabled &&
-                ((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _d === void 0 ? void 0 : _d.automaticEmbeddedWalletCreation)) {
-                try {
-                    // Store the auth token in local storage so it can be used during embedded wallet creation
-                    index.storeAuthToken(jwt);
-                    // this function will check turnkey wallet enabled and create wallet if needed
-                    // if not enabled, it will throw an error.
-                    yield createEmbeddedWallet();
-                }
-                catch (e) {
-                    yield createUserProfileByJWT(jwt);
-                    setShowAuthFlow(false);
-                }
+            yield createUserProfileByJWT(jwt);
+            if (!((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _d === void 0 ? void 0 : _d.automaticEmbeddedWalletCreation)) {
+                setShowAuthFlow(false);
                 return;
             }
-            // If not creating embedded wallet automatically, create user profile
-            yield createUserProfileByJWT(jwt);
-            setShowAuthFlow(false);
+            try {
+                // this function will check turnkey wallet enabled and create wallet if needed
+                // if not enabled, it will throw an error.
+                yield createEmbeddedWallet();
+            }
+            catch (e) {
+                setShowAuthFlow(false);
+            }
         }
         catch (error) {
             if (error instanceof utils.NoAccessError) {
@@ -266,7 +262,6 @@ const EmailVerification = () => {
         setShowAuthFlow,
         setErrorMessage,
         setExistentAccountData,
-        isTurnkeyProviderEnabled,
     ]);
     const handleRetry = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         try {

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

@@ -5,13 +5,11 @@ import { useTranslation } from 'react-i18next';
 import { UserHasAccountWithEmailError, NoAccessError, AccountExistsError, sleep } from '@dynamic-labs/utils';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import { dynamicEvents } from '../../events/dynamicEvents.js';
-import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
-import '@dynamic-labs/wallet-connector-core';
-import '../../context/CaptchaContext/CaptchaContext.js';
-import { useErrorContext } from '../../context/ErrorContext/ErrorContext.js';
-import { useViewContext } from '../../context/ViewContext/ViewContext.js';
+import '../../context/DynamicContext/DynamicContext.js';
 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';
@@ -22,10 +20,11 @@ import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 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 { storeAuthToken } from '../../utils/functions/storeAuthToken/index.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import { useAccountExistsContext } from '../../context/AccountExistsContext/AccountExistsContext.js';
 import { signInWithEmailVerification, retryEmailVerification } from '../../data/api.js';
@@ -49,16 +48,15 @@ import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/OverlayCard/OverlayCard.context.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../components/Typography/Typography.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import { IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.js';
 import { useLoadingContext } from '../../context/LoadingContext/LoadingContext.js';
-import 'qrcode';
 import { IconWithStatus } from '../../components/IconWithStatus/IconWithStatus.js';
 import 'i18next';
+import 'qrcode';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -66,7 +64,9 @@ import 'formik';
 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 '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { TextButton } from '../../components/TextButton/TextButton.js';
 import '../../components/InlineWidget/InlineWidget.js';
@@ -75,7 +75,11 @@ import { shortenEmail } from '../../shared/utils/functions/shortenEmail/shortenE
 import { PinField } from '../../components/PinField/PinField.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
+import '../WalletList/WalletList.js';
 import { useEmailVerificationContext } from '../../context/EmailVerificationContext/EmailVerificationContext.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 
 const SECONDS_TO_RETRY = 15;
 const sleepToShowSuccessMessage = () => sleep(1500);
@@ -99,7 +103,6 @@ const EmailVerification = () => {
     const { loading, setLoading } = useLoadingContext();
     const { t } = useTranslation();
     const { createEmbeddedWallet } = useEmbeddedWallet();
-    const isTurnkeyProviderEnabled = isTurnkeyEnabled(projectSettings);
     const { remainingSeconds, startCountdown } = useCountdown({
         callback: () => setRetried(false),
         seconds: SECONDS_TO_RETRY,
@@ -116,7 +119,7 @@ const EmailVerification = () => {
         // It should be disabled by either clearStatesOnBackClick, the close button, or onAuthSuccess
         setIsVerificationInProgress(true);
     });
-    const isLoginView = view === 'login-with-email-verification';
+    const isLoginView = view.type === 'login-with-email-verification';
     const { verifyEmail } = useEmailVerificationRequest();
     const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback();
     const handleComplete = useCallback((verificationToken) => __awaiter(void 0, void 0, void 0, function* () {
@@ -129,7 +132,7 @@ const EmailVerification = () => {
             return;
         }
         try {
-            const { nextView, jwt } = yield verifyEmail(verificationToken, verificationUUID);
+            const { nextView } = yield verifyEmail(verificationToken, verificationUUID);
             if (onboardingOnlyJwt) {
                 setOnboardingOnlyJwt(undefined);
                 setCallback('authSuccess');
@@ -138,20 +141,18 @@ const EmailVerification = () => {
             if (nextView === 'verified-and-transferred') {
                 setShowTransferMessage(true);
             }
-            if (isTurnkeyProviderEnabled &&
-                ((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.automaticEmbeddedWalletCreation)) {
-                try {
-                    storeAuthToken(jwt);
-                    // this function will check turnkey wallet enabled and create wallet if needed
-                    // if not enabled, it will throw an error.
-                    yield createEmbeddedWallet();
-                }
-                catch (e) {
-                    setShowAuthFlow(false, { emitCancelAuth: true });
-                }
+            if (!((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.automaticEmbeddedWalletCreation)) {
+                setShowAuthFlow(false);
                 return;
             }
-            setShowAuthFlow(false);
+            try {
+                // this function will check turnkey wallet enabled and create wallet if needed
+                // if not enabled, it will throw an error.
+                yield createEmbeddedWallet();
+            }
+            catch (e) {
+                setShowAuthFlow(false, { emitCancelAuth: true });
+            }
         }
         catch (error) {
             logger.debug(error);
@@ -179,8 +180,8 @@ const EmailVerification = () => {
         (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.automaticEmbeddedWalletCreation,
         createEmbeddedWallet,
         setShowAuthFlow,
+        setErrorMessage,
         setView,
-        isTurnkeyProviderEnabled,
     ]);
     const handleEmailLogin = useCallback((verificationToken) => __awaiter(void 0, void 0, void 0, function* () {
         var _d;
@@ -213,24 +214,19 @@ const EmailVerification = () => {
             setCallback('authSuccess');
             // this timeout is set to make sure that the user will see success message
             yield sleepToShowSuccessMessage();
-            if (isTurnkeyProviderEnabled &&
-                ((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _d === void 0 ? void 0 : _d.automaticEmbeddedWalletCreation)) {
-                try {
-                    // Store the auth token in local storage so it can be used during embedded wallet creation
-                    storeAuthToken(jwt);
-                    // this function will check turnkey wallet enabled and create wallet if needed
-                    // if not enabled, it will throw an error.
-                    yield createEmbeddedWallet();
-                }
-                catch (e) {
-                    yield createUserProfileByJWT(jwt);
-                    setShowAuthFlow(false);
-                }
+            yield createUserProfileByJWT(jwt);
+            if (!((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _d === void 0 ? void 0 : _d.automaticEmbeddedWalletCreation)) {
+                setShowAuthFlow(false);
                 return;
             }
-            // If not creating embedded wallet automatically, create user profile
-            yield createUserProfileByJWT(jwt);
-            setShowAuthFlow(false);
+            try {
+                // this function will check turnkey wallet enabled and create wallet if needed
+                // if not enabled, it will throw an error.
+                yield createEmbeddedWallet();
+            }
+            catch (e) {
+                setShowAuthFlow(false);
+            }
         }
         catch (error) {
             if (error instanceof NoAccessError) {
@@ -262,7 +258,6 @@ const EmailVerification = () => {
         setShowAuthFlow,
         setErrorMessage,
         setExistentAccountData,
-        isTurnkeyProviderEnabled,
     ]);
     const handleRetry = () => __awaiter(void 0, void 0, void 0, function* () {
         try {

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

@@ -5,20 +5,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
-var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
-var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
-var dynamicEvents = require('../../events/dynamicEvents.cjs');
-require('@dynamic-labs/utils');
-require('../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../context/ErrorContext/ErrorContext.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
+var ViewContext = require('../../context/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');
+var dynamicEvents = require('../../events/dynamicEvents.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -50,16 +50,22 @@ require('react-focus-lock');
 require('formik');
 require('i18next');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
-require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/QrCodeContext/QrCodeContext.cjs');
+require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../WalletList/WalletList.cjs');
+require('qrcode');
+require('@hcaptcha/react-hcaptcha');
+require('../../context/LoadingContext/LoadingContext.cjs');
+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('../../context/LoadingContext/LoadingContext.cjs');
-require('qrcode');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const EmailWalletOTPVerificationView = () => {
     const { setView } = ViewContext.useViewContext();

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

@@ -1,20 +1,20 @@
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { isEmailOTPWalletConnector } from '@dynamic-labs/wallet-connector-core';
-import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
-import { useViewContext } from '../../context/ViewContext/ViewContext.js';
-import { dynamicEvents } from '../../events/dynamicEvents.js';
-import '@dynamic-labs/utils';
-import '../../context/CaptchaContext/CaptchaContext.js';
-import '../../context/ErrorContext/ErrorContext.js';
+import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
+import { useViewContext } from '../../context/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 { dynamicEvents } from '../../events/dynamicEvents.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
@@ -46,16 +46,22 @@ import 'react-focus-lock';
 import 'formik';
 import 'i18next';
 import '../../components/OverlayCard/OverlayCard.context.js';
-import '../../context/FooterAnimationContext/index.js';
-import '../../context/QrCodeContext/QrCodeContext.js';
+import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../WalletList/WalletList.js';
+import 'qrcode';
+import '@hcaptcha/react-hcaptcha';
+import '../../context/LoadingContext/LoadingContext.js';
+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 '../../context/LoadingContext/LoadingContext.js';
-import 'qrcode';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const EmailWalletOTPVerificationView = () => {
     const { setView } = useViewContext();

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

@@ -9,13 +9,11 @@ var reactI18next = require('react-i18next');
 var utils = require('@dynamic-labs/utils');
 var getProperErrorMessage = require('../../../modals/SignMessageConfirmationModal/getProperErrorMessage.cjs');
 var dynamicEvents = require('../../../events/dynamicEvents.cjs');
-var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
-require('@dynamic-labs/wallet-connector-core');
-require('../../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../../context/ErrorContext/ErrorContext.cjs');
-var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
+require('../../../context/DynamicContext/DynamicContext.cjs');
 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 close = require('../../../shared/assets/close.cjs');
 var eyeOffIcon = require('../../../shared/assets/eye-off-icon.cjs');
 var exportEmbeddedHero = require('../../../shared/assets/export-embedded-hero.cjs');
@@ -26,6 +24,9 @@ require('../../../utils/constants/colors.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('../../../shared/consts/index.cjs');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+require('../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('@dynamic-labs/sdk-api');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
@@ -48,15 +49,14 @@ require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs'
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
-require('../../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../../components/Typography/Typography.cjs');
 var Badge = require('../../../components/Badge/Badge.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 require('../../../context/LoadingContext/LoadingContext.cjs');
-require('qrcode');
 require('i18next');
+require('qrcode');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var ErrorContainer = require('../../../components/ErrorContainer/ErrorContainer.cjs');
 require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -65,18 +65,24 @@ var Button = require('../../../components/Button/Button.cjs');
 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('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var Checkbox = require('../../../components/Checkbox/Checkbox.cjs');
 require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
+require('../../WalletList/WalletList.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 var turnkeyExport = require('../utils/turnkeyExport/turnkeyExport.cjs');
 var constants = require('../constants.cjs');
 
 const EmbeddedRevealView = () => {
-    var _a, _b;
+    var _a, _b, _c;
     const { authToken, primaryWallet, user, setShowAuthFlow, environmentId } = useInternalDynamicContext.useInternalDynamicContext();
     const { view } = ViewContext.useViewContext();
     const [acknowledgement1, setAcknowledgement1] = React.useState(false);
@@ -84,7 +90,7 @@ const EmbeddedRevealView = () => {
     const decodedJwt = decodeJwt.decodeJwt(authToken);
     const walletProperties = (_b = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _b === void 0 ? void 0 : _b.walletProperties;
     const isTurnkeyHDWallet = walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.turnkeyHDWalletId;
-    const exportPrivateKey = view === null || view === void 0 ? void 0 : view.includes('account');
+    const exportPrivateKey = (_c = view === null || view === void 0 ? void 0 : view.type) === null || _c === void 0 ? void 0 : _c.includes('account');
     React.useEffect(() => {
         var _a;
         const iframeContainerElement = iframeContainerRef.current;

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

@@ -5,13 +5,11 @@ import { useTranslation } from 'react-i18next';
 import { DynamicError } from '@dynamic-labs/utils';
 import { getProperErrorMessage } from '../../../modals/SignMessageConfirmationModal/getProperErrorMessage.js';
 import { dynamicEvents } from '../../../events/dynamicEvents.js';
-import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
-import '@dynamic-labs/wallet-connector-core';
-import '../../../context/CaptchaContext/CaptchaContext.js';
-import '../../../context/ErrorContext/ErrorContext.js';
-import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
+import '../../../context/DynamicContext/DynamicContext.js';
 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 SvgClose } from '../../../shared/assets/close.js';
 import { ReactComponent as SvgEyeOffIcon } from '../../../shared/assets/eye-off-icon.js';
 import { ReactComponent as SvgExportEmbeddedHero } from '../../../shared/assets/export-embedded-hero.js';
@@ -22,6 +20,9 @@ import '../../../utils/constants/colors.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../../shared/consts/index.js';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+import '../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import '@dynamic-labs/sdk-api';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
@@ -44,15 +45,14 @@ import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../components/OverlayCard/OverlayCard.context.js';
 import '../../../context/FooterAnimationContext/index.js';
-import '../../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../../components/Typography/Typography.js';
 import { Badge } from '../../../components/Badge/Badge.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import '../../../context/LoadingContext/LoadingContext.js';
-import 'qrcode';
 import 'i18next';
+import 'qrcode';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { ErrorContainer } from '../../../components/ErrorContainer/ErrorContainer.js';
 import '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -61,18 +61,24 @@ import { Button } from '../../../components/Button/Button.js';
 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 '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { Checkbox } from '../../../components/Checkbox/Checkbox.js';
 import '../../../components/InlineWidget/InlineWidget.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
+import '../../WalletList/WalletList.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import { initExport, cleanupExport, exportCredential } from '../utils/turnkeyExport/turnkeyExport.js';
 import { iframeContainerId, iframeElementId } from '../constants.js';
 
 const EmbeddedRevealView = () => {
-    var _a, _b;
+    var _a, _b, _c;
     const { authToken, primaryWallet, user, setShowAuthFlow, environmentId } = useInternalDynamicContext();
     const { view } = useViewContext();
     const [acknowledgement1, setAcknowledgement1] = useState(false);
@@ -80,7 +86,7 @@ const EmbeddedRevealView = () => {
     const decodedJwt = decodeJwt(authToken);
     const walletProperties = (_b = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('turnkey'))) === null || _b === void 0 ? void 0 : _b.walletProperties;
     const isTurnkeyHDWallet = walletProperties === null || walletProperties === void 0 ? void 0 : walletProperties.turnkeyHDWalletId;
-    const exportPrivateKey = view === null || view === void 0 ? void 0 : view.includes('account');
+    const exportPrivateKey = (_c = view === null || view === void 0 ? void 0 : view.type) === null || _c === void 0 ? void 0 : _c.includes('account');
     useEffect(() => {
         var _a;
         const iframeContainerElement = iframeContainerRef.current;