@dynamic-labs/sdk-react-core 0.19.0-alpha.15 → 0.19.0-alpha.17

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.cjs

@@ -51,7 +51,7 @@ const useConnectAndSignSplitSteps = () => {
             yield connectWallet(walletConnector, fetchPublicAddressOpts);
             setCallback('connectSuccess');
             if (isConnectOnly.isConnectOnly(user, authMode)) {
-                localStorage.LocalStorage.setToLS(localStorage$1.LAST_USED_WALLET, walletConnector.name);
+                localStorage.LocalStorage.setToLS(localStorage$1.LAST_USED_WALLET, walletConnector.key);
                 handleWalletsToConnect({ walletConnector });
                 return;
             }

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.js

@@ -47,7 +47,7 @@ const useConnectAndSignSplitSteps = () => {
             yield connectWallet(walletConnector, fetchPublicAddressOpts);
             setCallback('connectSuccess');
             if (isConnectOnly(user, authMode)) {
-                LocalStorage.setToLS(LAST_USED_WALLET, walletConnector.name);
+                LocalStorage.setToLS(LAST_USED_WALLET, walletConnector.key);
                 handleWalletsToConnect({ walletConnector });
                 return;
             }

package/src/lib/utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.cjs

@@ -41,7 +41,6 @@ const useAuthLayoutChecks = (walletConnector) => {
         view !== 'bridge-summary' &&
         view !== 'bridge-next-wallet-connection' &&
         view !== 'passkey-intro' &&
-        view !== 'passkey-success' &&
         view !== 'social-redirect-view';
     const showConnectedWalletProgress = isBridgeFlow &&
         (view === 'wallet-list' ||

package/src/lib/utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.js

@@ -37,7 +37,6 @@ const useAuthLayoutChecks = (walletConnector) => {
         view !== 'bridge-summary' &&
         view !== 'bridge-next-wallet-connection' &&
         view !== 'passkey-intro' &&
-        view !== 'passkey-success' &&
         view !== 'social-redirect-view';
     const showConnectedWalletProgress = isBridgeFlow &&
         (view === 'wallet-list' ||

package/src/lib/utils/hooks/useConnectWallet/useConnectWallet.cjs

@@ -175,13 +175,16 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
     });
     const unlinkConnectedWallet = (walletId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const connectedWalletToUnlink = connectedWallets.find((wallet) => wallet.id === walletId);
-        yield (connectedWalletToUnlink === null || connectedWalletToUnlink === void 0 ? void 0 : connectedWalletToUnlink.connector.endSession());
+        if (!connectedWalletToUnlink) {
+            return;
+        }
+        yield connectedWalletToUnlink.connector.endSession();
         const filteredWallets = connectedWalletsInfo.filter((wallet) => wallet.id !== walletId);
         if (walletId === primaryWalletId) {
             clearPrimaryWalletId();
         }
         setConnectedWalletsInfo(filteredWallets);
-        onUnlink === null || onUnlink === void 0 ? void 0 : onUnlink(walletId, filteredWallets);
+        onUnlink(connectedWalletToUnlink, filteredWallets);
     });
     const getConnectedWalletById = React.useCallback((walletId) => connectedWallets.find((wallet) => wallet.id === walletId), [connectedWallets]);
     return {

package/src/lib/utils/hooks/useConnectWallet/useConnectWallet.d.ts

@@ -15,18 +15,19 @@ type Props = {
     primaryWalletId: string | undefined;
     setPrimaryWalletId: (walletId: string) => void;
     wallets: WalletOption[];
-    onUnlink?: (walletId: string, connectedWalletsInfo: ConnectedWalletConnectorType[]) => void;
+    onUnlink: (wallet: Wallet, connectedWalletsInfo: ConnectedWalletConnectorType[]) => void;
     onBeforeConnectSuccessConfirmation: OnBeforeConnectSuccessConfirmation | undefined;
     setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
 };
-export declare const useConnectWallet: ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, onUnlink, onBeforeConnectSuccessConfirmation, setShowAuthFlow, }: Props) => {
+type UseConnectWalletValue = {
     connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts, shouldCallCallback?: boolean) => Promise<string | undefined>;
-    connectedWallet: Wallet;
+    connectedWallet: Wallet | null;
     connectedWallets: Wallet[];
-    connectedWalletsInfo: ConnectedWalletConnectorType[] | [];
+    connectedWalletsInfo: ConnectedWalletConnectorType[];
     getConnectedWalletById: (walletId: string) => Wallet | undefined;
     refreshConnectedWallet: (walletId: string, walletConnector: WalletConnector) => Promise<void>;
     removeConnectedWalletsInfo: () => void;
     unlinkConnectedWallet: (walletId: string) => Promise<void>;
 };
+export declare const useConnectWallet: ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, onUnlink, onBeforeConnectSuccessConfirmation, setShowAuthFlow, }: Props) => UseConnectWalletValue;
 export {};

package/src/lib/utils/hooks/useConnectWallet/useConnectWallet.js

@@ -171,13 +171,16 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
     });
     const unlinkConnectedWallet = (walletId) => __awaiter(void 0, void 0, void 0, function* () {
         const connectedWalletToUnlink = connectedWallets.find((wallet) => wallet.id === walletId);
-        yield (connectedWalletToUnlink === null || connectedWalletToUnlink === void 0 ? void 0 : connectedWalletToUnlink.connector.endSession());
+        if (!connectedWalletToUnlink) {
+            return;
+        }
+        yield connectedWalletToUnlink.connector.endSession();
         const filteredWallets = connectedWalletsInfo.filter((wallet) => wallet.id !== walletId);
         if (walletId === primaryWalletId) {
             clearPrimaryWalletId();
         }
         setConnectedWalletsInfo(filteredWallets);
-        onUnlink === null || onUnlink === void 0 ? void 0 : onUnlink(walletId, filteredWallets);
+        onUnlink(connectedWalletToUnlink, filteredWallets);
     });
     const getConnectedWalletById = useCallback((walletId) => connectedWallets.find((wallet) => wallet.id === walletId), [connectedWallets]);
     return {

package/src/lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.cjs

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
 var decodeJwt = require('../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
-require('react');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
@@ -20,7 +20,7 @@ require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../functions/getAuthToken/getAuthToken.cjs');
 require('@dynamic-labs/sdk-api');
-var isPasskeyEmbeddedWalletEnabled = require('../../functions/isPasskeyEmbeddedWalletEnabled/isPasskeyEmbeddedWalletEnabled.cjs');
+var isTurnkeyEnabled = require('../../functions/isTurnkeyEnabled/isTurnkeyEnabled.cjs');
 var isEmbeddedWalletPresent = require('../../functions/isEmbeddedWalletPresent/isEmbeddedWalletPresent.cjs');
 var findEmbeddedWalletFromVerifiedCredentials = require('../../functions/findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.cjs');
 var findTurnkeyWallet = require('../../functions/findTurnkeyWallet/findTurnkeyWallet.cjs');
@@ -37,13 +37,13 @@ const useEmbeddedWallet = () => {
         }
         return isEmbeddedWalletPresent.isEmbeddedWalletPresent(jwt);
     };
-    const createEmbeddedWallet = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const createEmbeddedWallet = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _a, _b, _c, _d;
         const jwt = (_a = getAuthToken.getAuthToken()) !== null && _a !== void 0 ? _a : onboardingOnlyJwt;
         if (!jwt) {
             throw new Error('User is not logged in');
         }
-        if (!isPasskeyEmbeddedWalletEnabled.isPasskeyEmbeddedWalletEnabled(projectSettings)) {
+        if (!isTurnkeyEnabled.isTurnkeyEnabled(projectSettings)) {
             throw new Error('Passkey embedded wallet is not enabled');
         }
         const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(jwt);
@@ -72,7 +72,15 @@ const useEmbeddedWallet = () => {
             id: embeddedWalletVerifiedCredential.id,
         };
         return Promise.resolve(passkeyWallet);
-    });
+    }), [
+        internalEvents,
+        internalSetShowAuthFlow,
+        onboardingOnlyJwt,
+        projectSettings,
+        setPrimaryWalletId,
+        setView,
+        wallets,
+    ]);
     return {
         createEmbeddedWallet,
         userHasEmbeddedWallet,

package/src/lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.js

@@ -1,11 +1,11 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useCallback } from 'react';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
 import { decodeJwt } from '../../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
-import 'react';
 import '../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
@@ -16,7 +16,7 @@ import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../functions/getAuthToken/getAuthToken.js';
 import '@dynamic-labs/sdk-api';
-import { isPasskeyEmbeddedWalletEnabled } from '../../functions/isPasskeyEmbeddedWalletEnabled/isPasskeyEmbeddedWalletEnabled.js';
+import { isTurnkeyEnabled } from '../../functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
 import { isEmbeddedWalletPresent } from '../../functions/isEmbeddedWalletPresent/isEmbeddedWalletPresent.js';
 import { findEmbeddedWalletFromVerifiedCredentials } from '../../functions/findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.js';
 import { findTurnkeyWallet } from '../../functions/findTurnkeyWallet/findTurnkeyWallet.js';
@@ -33,13 +33,13 @@ const useEmbeddedWallet = () => {
         }
         return isEmbeddedWalletPresent(jwt);
     };
-    const createEmbeddedWallet = () => __awaiter(void 0, void 0, void 0, function* () {
+    const createEmbeddedWallet = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         var _a, _b, _c, _d;
         const jwt = (_a = getAuthToken()) !== null && _a !== void 0 ? _a : onboardingOnlyJwt;
         if (!jwt) {
             throw new Error('User is not logged in');
         }
-        if (!isPasskeyEmbeddedWalletEnabled(projectSettings)) {
+        if (!isTurnkeyEnabled(projectSettings)) {
             throw new Error('Passkey embedded wallet is not enabled');
         }
         const embeddedWalletVerifiedCredential = findEmbeddedWalletFromVerifiedCredentials(jwt);
@@ -68,7 +68,15 @@ const useEmbeddedWallet = () => {
             id: embeddedWalletVerifiedCredential.id,
         };
         return Promise.resolve(passkeyWallet);
-    });
+    }), [
+        internalEvents,
+        internalSetShowAuthFlow,
+        onboardingOnlyJwt,
+        projectSettings,
+        setPrimaryWalletId,
+        setView,
+        wallets,
+    ]);
     return {
         createEmbeddedWallet,
         userHasEmbeddedWallet,

package/src/lib/utils/hooks/useHandleWalletsToConnect/useHandleWalletsToConnect.d.ts

@@ -1,6 +1,6 @@
 import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
 export declare const useHandleWalletsToConnect: () => {
     handleWalletsToConnect: ({ walletConnector, }: {
-        walletConnector?: WalletConnector | undefined;
+        walletConnector?: import("@dynamic-labs/wallet-connector-core").WalletConnectorCore.WalletConnector | undefined;
     }) => void;
 };

package/src/lib/utils/hooks/useVerifyWallet/useVerifyWallet.cjs

@@ -169,7 +169,7 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
             const user = yield createUserProfile.createUserProfile(decodedJwt);
             const isKycRequired = decodedJwt.missingFields.length;
             setOnboardingOnlyJwt(Jwt);
-            localStorage.LocalStorage.setToLS(localStorage$1.LAST_USED_WALLET, walletConnector.name);
+            localStorage.LocalStorage.setToLS(localStorage$1.LAST_USED_WALLET, walletConnector.key);
             setAuthMode('connect-and-sign');
             updatePrimaryWalletId(walletConnector, user);
             // TODO: how can projectSettings be undefined?

package/src/lib/utils/hooks/useVerifyWallet/useVerifyWallet.js

@@ -165,7 +165,7 @@ const useVerifyWallet = ({ consumeNonce, displaySiweStatement, environmentId, pr
             const user = yield createUserProfile(decodedJwt);
             const isKycRequired = decodedJwt.missingFields.length;
             setOnboardingOnlyJwt(Jwt);
-            LocalStorage.setToLS(LAST_USED_WALLET, walletConnector.name);
+            LocalStorage.setToLS(LAST_USED_WALLET, walletConnector.key);
             setAuthMode('connect-and-sign');
             updatePrimaryWalletId(walletConnector, user);
             // TODO: how can projectSettings be undefined?

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

@@ -95,7 +95,7 @@ const EmailVerification = () => {
     const { view, setView, goToInitialView } = ViewContext.useViewContext();
     const { error, setError, setErrorMessage } = ErrorContext.useErrorContext();
     const { setExistentAccountData } = AccountExistsContext.useAccountExistsContext();
-    const { environmentId, onboardingOnlyJwt, handleLogOut, authToken, setOnboardingOnlyJwt, setShowAuthFlow, setCallback, setIsVerificationInProgress, isVerificationInProgress, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { environmentId, onboardingOnlyJwt, handleLogOut, authToken, setOnboardingOnlyJwt, setShowAuthFlow, setCallback, setIsVerificationInProgress, isVerificationInProgress, projectSettings, } = useInternalDynamicContext.useInternalDynamicContext();
     const { email, verificationUUID, setVerificationUUID } = EmailVerificationContext.useEmailVerificationContext();
     const { loading, setLoading } = LoadingContext.useLoadingContext();
     const { createEmbeddedWallet } = useEmbeddedWallet.useEmbeddedWallet();
@@ -127,6 +127,7 @@ const EmailVerification = () => {
             setIsVerificationInProgress(false);
     };
     const handleComplete = React.useCallback((verificationToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _a;
         setError(undefined);
         setLoading(true);
         if (!verificationUUID || (!authToken && !onboardingOnlyJwt)) {
@@ -147,7 +148,9 @@ const EmailVerification = () => {
             try {
                 // this function will check turnkey wallet enabled and create wallet if needed
                 // if not enabled, it will throw an error.
-                yield createEmbeddedWallet();
+                if ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.automaticEmbeddedWalletCreation) {
+                    yield createEmbeddedWallet();
+                }
             }
             catch (e) {
                 setShowAuthFlow(false);
@@ -182,6 +185,7 @@ const EmailVerification = () => {
         setView,
     ]);
     const handleEmailLogin = React.useCallback((verificationToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _b;
         setError(undefined);
         setLoading(true);
         if (!verificationUUID) {
@@ -215,7 +219,9 @@ const EmailVerification = () => {
             try {
                 // this function will check turnkey wallet enabled and create wallet if needed
                 // if not enabled, it will throw an error.
-                yield createEmbeddedWallet();
+                if ((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.automaticEmbeddedWalletCreation) {
+                    yield createEmbeddedWallet();
+                }
             }
             catch (e) {
                 setShowAuthFlow(false);

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

@@ -91,7 +91,7 @@ const EmailVerification = () => {
     const { view, setView, goToInitialView } = useViewContext();
     const { error, setError, setErrorMessage } = useErrorContext();
     const { setExistentAccountData } = useAccountExistsContext();
-    const { environmentId, onboardingOnlyJwt, handleLogOut, authToken, setOnboardingOnlyJwt, setShowAuthFlow, setCallback, setIsVerificationInProgress, isVerificationInProgress, } = useInternalDynamicContext();
+    const { environmentId, onboardingOnlyJwt, handleLogOut, authToken, setOnboardingOnlyJwt, setShowAuthFlow, setCallback, setIsVerificationInProgress, isVerificationInProgress, projectSettings, } = useInternalDynamicContext();
     const { email, verificationUUID, setVerificationUUID } = useEmailVerificationContext();
     const { loading, setLoading } = useLoadingContext();
     const { createEmbeddedWallet } = useEmbeddedWallet();
@@ -123,6 +123,7 @@ const EmailVerification = () => {
             setIsVerificationInProgress(false);
     };
     const handleComplete = useCallback((verificationToken) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
         setError(undefined);
         setLoading(true);
         if (!verificationUUID || (!authToken && !onboardingOnlyJwt)) {
@@ -143,7 +144,9 @@ const EmailVerification = () => {
             try {
                 // this function will check turnkey wallet enabled and create wallet if needed
                 // if not enabled, it will throw an error.
-                yield createEmbeddedWallet();
+                if ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.automaticEmbeddedWalletCreation) {
+                    yield createEmbeddedWallet();
+                }
             }
             catch (e) {
                 setShowAuthFlow(false);
@@ -178,6 +181,7 @@ const EmailVerification = () => {
         setView,
     ]);
     const handleEmailLogin = useCallback((verificationToken) => __awaiter(void 0, void 0, void 0, function* () {
+        var _b;
         setError(undefined);
         setLoading(true);
         if (!verificationUUID) {
@@ -211,7 +215,9 @@ const EmailVerification = () => {
             try {
                 // this function will check turnkey wallet enabled and create wallet if needed
                 // if not enabled, it will throw an error.
-                yield createEmbeddedWallet();
+                if ((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.automaticEmbeddedWalletCreation) {
+                    yield createEmbeddedWallet();
+                }
             }
             catch (e) {
                 setShowAuthFlow(false);

package/src/lib/views/LoginView/sections/EmailSignInSection/LoginEmailForm.cjs

@@ -20,7 +20,7 @@ require('viem');
 require('../../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
-var isPasskeyEmbeddedWalletEnabled = require('../../../../utils/functions/isPasskeyEmbeddedWalletEnabled/isPasskeyEmbeddedWalletEnabled.cjs');
+var isTurnkeyEnabled = require('../../../../utils/functions/isTurnkeyEnabled/isTurnkeyEnabled.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 var Input = require('../../../../components/Input/Input.cjs');
@@ -91,8 +91,7 @@ const LoginEmailForm = ({ isLoading: isExternalLoading, onSubmit, onSubmitError,
         }
         try {
             onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit();
-            if ((isEmailWalletProviderEnabled ||
-                isPasskeyEmbeddedWalletEnabled.isPasskeyEmbeddedWalletEnabled(projectSettings)) &&
+            if ((isEmailWalletProviderEnabled || isTurnkeyEnabled.isTurnkeyEnabled(projectSettings)) &&
                 (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.confirmEmailProviderForVerify)) {
                 // see: https://linear.app/dynamic-labs/issue/DYN-2517
                 // if confirmWalletTransfers setting is true, check api first to confirm emailProvider

package/src/lib/views/LoginView/sections/EmailSignInSection/LoginEmailForm.js

@@ -16,7 +16,7 @@ import 'viem';
 import '../../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/multi-wallet';
-import { isPasskeyEmbeddedWalletEnabled } from '../../../../utils/functions/isPasskeyEmbeddedWalletEnabled/isPasskeyEmbeddedWalletEnabled.js';
+import { isTurnkeyEnabled } from '../../../../utils/functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import { Input } from '../../../../components/Input/Input.js';
@@ -87,8 +87,7 @@ const LoginEmailForm = ({ isLoading: isExternalLoading, onSubmit, onSubmitError,
         }
         try {
             onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit();
-            if ((isEmailWalletProviderEnabled ||
-                isPasskeyEmbeddedWalletEnabled(projectSettings)) &&
+            if ((isEmailWalletProviderEnabled || isTurnkeyEnabled(projectSettings)) &&
                 (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.confirmEmailProviderForVerify)) {
                 // see: https://linear.app/dynamic-labs/issue/DYN-2517
                 // if confirmWalletTransfers setting is true, check api first to confirm emailProvider

package/src/lib/views/LoginView/sections/WalletSignInSection/WalletSimpleSignIn/WalletSimpleSignIn.cjs

@@ -43,10 +43,7 @@ const WalletSimpleSignIn = ({ previewWalletsNumber, disabled = false, onshowAllW
         walletsFilter,
     });
     const isUsingMultiWallet = Boolean(localStorage.LocalStorage.getFromLS(localStorage$1.AUTH_USER));
-    return !projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { count: previewWalletsNumber + 1, className: 'login-with-email-wallet-list__skeleton' })) : (jsxRuntime.jsxs("div", { className: 'login-with-email-wallet-list__container', "data-testid": 'top-wallets-list', children: [walletsList.map((wallet) => {
-                var _a;
-                return (jsxRuntime.jsx(WalletListItem.WalletListItem, { wallet: wallet, usingMultiWallet: isUsingMultiWallet, disabled: disabled }, wallet.key + ((_a = wallet.groupedWallets) === null || _a === void 0 ? void 0 : _a.length)));
-            }), jsxRuntime.jsx(ListItemButton.ListItemButton, { text: t('dyn_wallet_list.view_all'), onClick: onshowAllWallets, numberOfWallets: numberOfWallets, disabled: disabled })] }));
+    return !projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { count: previewWalletsNumber + 1, className: 'login-with-email-wallet-list__skeleton' })) : (jsxRuntime.jsxs("div", { className: 'login-with-email-wallet-list__container', "data-testid": 'top-wallets-list', children: [walletsList.map((wallet, index) => (jsxRuntime.jsx(WalletListItem.WalletListItem, { wallet: wallet, usingMultiWallet: isUsingMultiWallet, disabled: disabled }, `${wallet.key}_${index}`))), jsxRuntime.jsx(ListItemButton.ListItemButton, { text: t('dyn_wallet_list.view_all'), onClick: onshowAllWallets, numberOfWallets: numberOfWallets, disabled: disabled })] }));
 };
 
 exports.WalletSimpleSignIn = WalletSimpleSignIn;

package/src/lib/views/LoginView/sections/WalletSignInSection/WalletSimpleSignIn/WalletSimpleSignIn.js

@@ -39,10 +39,7 @@ const WalletSimpleSignIn = ({ previewWalletsNumber, disabled = false, onshowAllW
         walletsFilter,
     });
     const isUsingMultiWallet = Boolean(LocalStorage.getFromLS(AUTH_USER));
-    return !projectSettings ? (jsx(Skeleton, { count: previewWalletsNumber + 1, className: 'login-with-email-wallet-list__skeleton' })) : (jsxs("div", { className: 'login-with-email-wallet-list__container', "data-testid": 'top-wallets-list', children: [walletsList.map((wallet) => {
-                var _a;
-                return (jsx(WalletListItem, { wallet: wallet, usingMultiWallet: isUsingMultiWallet, disabled: disabled }, wallet.key + ((_a = wallet.groupedWallets) === null || _a === void 0 ? void 0 : _a.length)));
-            }), jsx(ListItemButton, { text: t('dyn_wallet_list.view_all'), onClick: onshowAllWallets, numberOfWallets: numberOfWallets, disabled: disabled })] }));
+    return !projectSettings ? (jsx(Skeleton, { count: previewWalletsNumber + 1, className: 'login-with-email-wallet-list__skeleton' })) : (jsxs("div", { className: 'login-with-email-wallet-list__container', "data-testid": 'top-wallets-list', children: [walletsList.map((wallet, index) => (jsx(WalletListItem, { wallet: wallet, usingMultiWallet: isUsingMultiWallet, disabled: disabled }, `${wallet.key}_${index}`))), jsx(ListItemButton, { text: t('dyn_wallet_list.view_all'), onClick: onshowAllWallets, numberOfWallets: numberOfWallets, disabled: disabled })] }));
 };
 
 export { WalletSimpleSignIn };

package/src/lib/views/LoginView/useLoginView.cjs

@@ -21,9 +21,17 @@ require('@dynamic-labs/multi-wallet');
 var isEmailProviderEnabled = require('../../utils/functions/isEmailProviderEnabled/isEmailProviderEnabled.cjs');
 var index = require('../../utils/functions/getEnabledProviders/index.cjs');
 
+/* eslint-disable multiline-comment-style */
 const NUMBER_OF_WALLETS = 3;
 const useLoginView = () => {
     const { projectSettings, authorizationViewDisplayOrder, loginWithEmail, wallets, } = useInternalDynamicContext.useInternalDynamicContext();
+    /** Takes from wallets only those that can be selected in the wallet list by the user.
+     * Should filter out embedded wallets
+     * WHY: when we decide whether to show wallets or not, we need to know how many wallets
+     * will actually be rendered. It would be especially bad to only have for ex "turnkey" in
+     * wallets and then display an empty wallet list (since turnkey doesn't render)
+     */
+    const selectableWallets = wallets.filter(({ key }) => key !== 'turnkey');
     const { t } = reactI18next.useTranslation();
     const hasEnabledProviders = Boolean(index.getEnabledProviders(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers).length);
     const isWalletOnly = React.useMemo(() => {
@@ -81,7 +89,7 @@ const useLoginView = () => {
      * @returns
      */
     const filterLoginViewSections = (sections) => {
-        if (wallets === null || wallets === void 0 ? void 0 : wallets.length) {
+        if (selectableWallets === null || selectableWallets === void 0 ? void 0 : selectableWallets.length) {
             return sections;
         }
         return sections.filter((section) => section.type !== 'wallet');
@@ -90,7 +98,7 @@ const useLoginView = () => {
         // if not the first index, no separator is needed
         // if the first index but does not have wallets or providers,
         // it'll show only one view section - no separator is needed
-        if (index !== 0 || !(wallets === null || wallets === void 0 ? void 0 : wallets.length) || !hasEnabledProviders) {
+        if (index !== 0 || !(selectableWallets === null || selectableWallets === void 0 ? void 0 : selectableWallets.length) || !hasEnabledProviders) {
             return [];
         }
         return [
@@ -115,7 +123,7 @@ const useLoginView = () => {
                 // add separator if wallets defined
                 addSeparator(index));
             }
-            if (loginItem === 'wallet' && (wallets === null || wallets === void 0 ? void 0 : wallets.length)) {
+            if (loginItem === 'wallet' && (selectableWallets === null || selectableWallets === void 0 ? void 0 : selectableWallets.length)) {
                 // if showWalletsButton is true, it should show "Connec with Wallet" button
                 const numOfItemsToDisplay = ((_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _a === void 0 ? void 0 : _a.modal) === null || _b === void 0 ? void 0 : _b.showWalletsButton)
                     ? 0

package/src/lib/views/LoginView/useLoginView.js

@@ -17,9 +17,17 @@ import '@dynamic-labs/multi-wallet';
 import { isEmailProviderEnabled } from '../../utils/functions/isEmailProviderEnabled/isEmailProviderEnabled.js';
 import { getEnabledProviders } from '../../utils/functions/getEnabledProviders/index.js';
 
+/* eslint-disable multiline-comment-style */
 const NUMBER_OF_WALLETS = 3;
 const useLoginView = () => {
     const { projectSettings, authorizationViewDisplayOrder, loginWithEmail, wallets, } = useInternalDynamicContext();
+    /** Takes from wallets only those that can be selected in the wallet list by the user.
+     * Should filter out embedded wallets
+     * WHY: when we decide whether to show wallets or not, we need to know how many wallets
+     * will actually be rendered. It would be especially bad to only have for ex "turnkey" in
+     * wallets and then display an empty wallet list (since turnkey doesn't render)
+     */
+    const selectableWallets = wallets.filter(({ key }) => key !== 'turnkey');
     const { t } = useTranslation();
     const hasEnabledProviders = Boolean(getEnabledProviders(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers).length);
     const isWalletOnly = useMemo(() => {
@@ -77,7 +85,7 @@ const useLoginView = () => {
      * @returns
      */
     const filterLoginViewSections = (sections) => {
-        if (wallets === null || wallets === void 0 ? void 0 : wallets.length) {
+        if (selectableWallets === null || selectableWallets === void 0 ? void 0 : selectableWallets.length) {
             return sections;
         }
         return sections.filter((section) => section.type !== 'wallet');
@@ -86,7 +94,7 @@ const useLoginView = () => {
         // if not the first index, no separator is needed
         // if the first index but does not have wallets or providers,
         // it'll show only one view section - no separator is needed
-        if (index !== 0 || !(wallets === null || wallets === void 0 ? void 0 : wallets.length) || !hasEnabledProviders) {
+        if (index !== 0 || !(selectableWallets === null || selectableWallets === void 0 ? void 0 : selectableWallets.length) || !hasEnabledProviders) {
             return [];
         }
         return [
@@ -111,7 +119,7 @@ const useLoginView = () => {
                 // add separator if wallets defined
                 addSeparator(index));
             }
-            if (loginItem === 'wallet' && (wallets === null || wallets === void 0 ? void 0 : wallets.length)) {
+            if (loginItem === 'wallet' && (selectableWallets === null || selectableWallets === void 0 ? void 0 : selectableWallets.length)) {
                 // if showWalletsButton is true, it should show "Connec with Wallet" button
                 const numOfItemsToDisplay = ((_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _a === void 0 ? void 0 : _a.modal) === null || _b === void 0 ? void 0 : _b.showWalletsButton)
                     ? 0

package/src/lib/views/PasskeyIntroView/PasskeyIntroView.cjs

@@ -13,7 +13,7 @@ require('@dynamic-labs/sdk-api');
 var logger = require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
-var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
+require('../../context/ViewContext/ViewContext.cjs');
 var footerInfoIcon = require('../../shared/assets/footer-info-icon.cjs');
 var passkeyIntroIcon = require('../../shared/assets/passkey-intro-icon.cjs');
 var androidFaceId = require('../../shared/assets/android-face-id.cjs');
@@ -79,8 +79,7 @@ var createEmbeddedWalletWithPasskey = require('./utils/createEmbeddedWalletWithP
 var findPasskeyEmailWalletConnector = require('./utils/findPasskeyEmailWalletConnector/findPasskeyEmailWalletConnector.cjs');
 
 const PasskeyIntroView = ({ createEmbeddedWalletMutation = createEmbeddedWalletWithPasskey.createEmbeddedWalletWithPasskey, }) => {
-    const { user, wallets, setPrimaryWalletId, setUser, authToken, environmentId, handleLogOut, internalEvents, } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView } = ViewContext.useViewContext();
+    const { user, wallets, setPrimaryWalletId, setUser, authToken, environmentId, handleLogOut, internalEvents, setShowAuthFlow, setCallback, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setIsFooterExpanded } = index.useFooterAnimationContext();
     const { t } = reactI18next.useTranslation();
     const { data: passkeyEnabled } = usePromise.usePromise(isPasskeyEnabled.isPasskeyEnabled);
@@ -88,6 +87,7 @@ const PasskeyIntroView = ({ createEmbeddedWalletMutation = createEmbeddedWalletW
     // it should be null to force user to setup passkey even after the a refresh
     React.useEffect(() => localStorage.LocalStorage.removeFromLS(localStorage$1.LAST_USED_WALLET), []);
     const { mutate: createEmbeddedWalletWithPasskeyMutation, isLoading, error, } = useMutation.useMutation(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _a;
         const { embeddedWalletVerifiedCredentialId, jwt, decodedJwt, walletConnector, } = yield createEmbeddedWalletMutation({
             authToken,
             environmentId,
@@ -105,7 +105,12 @@ const PasskeyIntroView = ({ createEmbeddedWalletMutation = createEmbeddedWalletW
         setPrimaryWalletId(embeddedWalletVerifiedCredentialId);
         index$1.storeAuthToken(jwt);
         setUser(createUserProfile.createUserProfile(decodedJwt));
-        setView('passkey-success');
+        setShowAuthFlow(false);
+        const turnkeyVerifiedCredentials = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === 'turnkey');
+        setCallback('embeddedWalletCreated', {
+            email: (turnkeyVerifiedCredentials === null || turnkeyVerifiedCredentials === void 0 ? void 0 : turnkeyVerifiedCredentials.email) || '',
+            verifiedCredential: turnkeyVerifiedCredentials,
+        });
     }), {
         onFailure: (err) => {
             logger.logger.error('Failed to create embedded wallet', err);

package/src/lib/views/PasskeyIntroView/PasskeyIntroView.js

@@ -9,7 +9,7 @@ import '@dynamic-labs/sdk-api';
 import { logger } from '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
-import { useViewContext } from '../../context/ViewContext/ViewContext.js';
+import '../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgFooterInfoIcon } from '../../shared/assets/footer-info-icon.js';
 import { ReactComponent as SvgPasskeyIntroIcon } from '../../shared/assets/passkey-intro-icon.js';
 import { ReactComponent as SvgAndroidFaceId } from '../../shared/assets/android-face-id.js';
@@ -75,8 +75,7 @@ import { createEmbeddedWalletWithPasskey } from './utils/createEmbeddedWalletWit
 import { findPasskeyEmailWalletConnector } from './utils/findPasskeyEmailWalletConnector/findPasskeyEmailWalletConnector.js';
 
 const PasskeyIntroView = ({ createEmbeddedWalletMutation = createEmbeddedWalletWithPasskey, }) => {
-    const { user, wallets, setPrimaryWalletId, setUser, authToken, environmentId, handleLogOut, internalEvents, } = useInternalDynamicContext();
-    const { setView } = useViewContext();
+    const { user, wallets, setPrimaryWalletId, setUser, authToken, environmentId, handleLogOut, internalEvents, setShowAuthFlow, setCallback, } = useInternalDynamicContext();
     const { setIsFooterExpanded } = useFooterAnimationContext();
     const { t } = useTranslation();
     const { data: passkeyEnabled } = usePromise(isPasskeyEnabled);
@@ -84,6 +83,7 @@ const PasskeyIntroView = ({ createEmbeddedWalletMutation = createEmbeddedWalletW
     // it should be null to force user to setup passkey even after the a refresh
     useEffect(() => LocalStorage.removeFromLS(LAST_USED_WALLET), []);
     const { mutate: createEmbeddedWalletWithPasskeyMutation, isLoading, error, } = useMutation(() => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
         const { embeddedWalletVerifiedCredentialId, jwt, decodedJwt, walletConnector, } = yield createEmbeddedWalletMutation({
             authToken,
             environmentId,
@@ -101,7 +101,12 @@ const PasskeyIntroView = ({ createEmbeddedWalletMutation = createEmbeddedWalletW
         setPrimaryWalletId(embeddedWalletVerifiedCredentialId);
         storeAuthToken(jwt);
         setUser(createUserProfile(decodedJwt));
-        setView('passkey-success');
+        setShowAuthFlow(false);
+        const turnkeyVerifiedCredentials = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === 'turnkey');
+        setCallback('embeddedWalletCreated', {
+            email: (turnkeyVerifiedCredentials === null || turnkeyVerifiedCredentials === void 0 ? void 0 : turnkeyVerifiedCredentials.email) || '',
+            verifiedCredential: turnkeyVerifiedCredentials,
+        });
     }), {
         onFailure: (err) => {
             logger.error('Failed to create embedded wallet', err);

package/src/lib/views/SendBalanceView/SendBalanceView.cjs

@@ -78,11 +78,12 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
     const { data: balance } = usePromise.usePromise(() => walletConnector.getBalance(), {
         deps: [walletConnector],
     });
-    const { data: provider } = usePromise.usePromise(() => primaryWallet.connector.getRpcProvider());
+    const { data: provider } = usePromise.usePromise(() => primaryWallet.connector.getPublicClient());
     const evmNetworks = (walletConnector && walletConnector.evmNetworks) || [];
     const evmNetwork = evmNetworks.find((evmNetwork) => evmNetwork.chainId === network);
     const networkIcon = evmNetwork && (jsxRuntime.jsx("img", { src: evmNetwork === null || evmNetwork === void 0 ? void 0 : evmNetwork.iconUrls[0], alt: `${evmNetwork === null || evmNetwork === void 0 ? void 0 : evmNetwork.name} icon` }));
     const networkName = (evmNetwork === null || evmNetwork === void 0 ? void 0 : evmNetwork.vanityName) || (evmNetwork === null || evmNetwork === void 0 ? void 0 : evmNetwork.name);
+    const networkCurrencyDecimals = evmNetwork === null || evmNetwork === void 0 ? void 0 : evmNetwork.nativeCurrency.decimals;
     const ChainIconComponent = getChainIcon.getChainIcon(primaryWallet.chain);
     const chainInfo = walletConnectorCore.getChainInfo(primaryWallet.chain);
     const chainIcon = (jsxRuntime.jsx(Icon.Icon, { size: 'small', children: jsxRuntime.jsx(ChainIconComponent, {}) }));
@@ -90,7 +91,7 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
     const buildFormStage = () => (jsxRuntime.jsx(SendBalancePageLayout.SendBalancePageLayout, { initialValues: {
             amount: value === null ? '' : formatBigNumber.formatBigNumber(value),
             recipient: recipientAddress,
-        }, balance: balance, onClickBack: onClickBack, chain: primaryWallet.chain, networkName: networkName, networkIcon: networkIcon, currencySymbol: currencySymbol, isLoading: false, walletAddress: shortenWalletAddress.shortenWalletAddress(primaryWallet.address, 3, 3), walletKey: primaryWallet.connector.key, onClickClose: onClickClose, displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, onSubmit: (data) => {
+        }, balance: balance, onClickBack: onClickBack, chain: primaryWallet.chain, networkName: networkName, networkIcon: networkIcon, networkCurrencyDecimals: networkCurrencyDecimals, currencySymbol: currencySymbol, isLoading: false, walletAddress: shortenWalletAddress.shortenWalletAddress(primaryWallet.address, 3, 3), walletKey: primaryWallet.connector.key, onClickClose: onClickClose, displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, onSubmit: (data) => {
             setValue(viem.parseEther(data.amount, 'wei'));
             setRecipientAddress(data.recipient);
             setStage('confirmation');