@dynamic-labs/sdk-react-core 1.0.0-alpha.7 → 1.0.0-alpha.9

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

@@ -1,43 +1,44 @@
-export { useFetchProjectSettings } from './useFetchProjectSettings';
-export { useFetchNonce } from './useFetchNonce';
-export { useWallets } from './useWallets';
-export { useWalletConnectors } from './useWalletConnectors';
-export { useVerifyWallet } from './useVerifyWallet';
-export { useKeyboardHeight } from './useKeyboardHeight';
-export { useElementById } from './useElementById';
-export { useResizeObserver } from './useResizeObserver';
-export { useIsFirstRender } from './useIsFirstRender';
-export { useUpdateEffect } from './useUpdateEffect';
-export { useTransition } from './useTransition';
-export { usePrevious } from './usePrevious';
+export { useAuthenticateConnectedUser } from './useAuthenticateConnectedUser';
+export { useColorSchemePreference } from './useColorSchemePreference';
 export { useConfirmationModal } from './useConfirmationModal';
-export { useWalletUiUtils } from './useWalletUiUtils';
-export { useForceUpdate } from './useForceUpdate';
-export { useKYCFlag } from './useKYCFlag';
+export { useCountdown } from './useCountdown/useCountdown';
+export * from './useCreateDynamicEmbeddedWalletMutation';
 export { useDefaultQrCode } from './useDefaultQrCode';
-export { useWalletItemActions } from './useWalletItemActions';
-export { usePromise } from './usePromise';
-export { useMutation } from './useMutation';
-export { useColorSchemePreference } from './useColorSchemePreference';
+export { useDynamicScopes } from './useDynamicScopes';
+export { useElementById } from './useElementById';
+export { useEmbeddedWallet } from './useEmbeddedWallet';
+export { useEventListener } from './useEventListener';
+export { useFetchNonce } from './useFetchNonce';
+export { useFetchProjectSettings } from './useFetchProjectSettings';
 export { useFindSocialIcon } from './useFindSocialIcon';
+export { useForceUpdate } from './useForceUpdate';
 export { useIconThemeVariant } from './useIconThemeVariant';
 export type { IconThemeVariant } from './useIconThemeVariant';
+export { useInterval } from './useInterval/useInterval';
+export { useIsFirstRender } from './useIsFirstRender';
+export * from './useIsLoggedIn';
 export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';
+export { useKYCFlag } from './useKYCFlag';
+export { useKeyboardHeight } from './useKeyboardHeight';
+export { useMutation } from './useMutation';
+export * from './useOnUnmount';
+export { usePasskeyRecovery } from './usePasskeyRecovery';
+export { usePrevious } from './usePrevious';
+export { usePromise } from './usePromise';
+export { useResizeObserver } from './useResizeObserver';
+export { useSetWalletConnectorVerifiedCredentials } from './useSetWalletConnectorVerifiedCredentials';
+export { useSocialAccounts } from './useSocialAccounts';
 export { useTimeout } from './useTimeout/useTimeout';
-export { useInterval } from './useInterval/useInterval';
-export { useCountdown } from './useCountdown/useCountdown';
-export { useValidateSession } from './useValidateSession';
-export { useEventListener } from './useEventListener';
-export { useWalletConnectorEvent } from './useWalletConnectorEvent';
-export { useTransactionWithGasPrice } from './useTransactionWithGasPrice';
 export { useTransactionEstimatedGas } from './useTransactionEstimatedGas';
-export { useDynamicScopes } from './useDynamicScopes';
-export { useAuthenticateConnectedUser } from './useAuthenticateConnectedUser';
-export { useSocialAccounts } from './useSocialAccounts';
-export * from './useUserUpdateRequest';
+export { useTransactionWithGasPrice } from './useTransactionWithGasPrice';
+export { useTransition } from './useTransition';
+export { useUpdateEffect } from './useUpdateEffect';
 export * from './useUserDataForm';
-export * from './useOnUnmount';
-export { useSetWalletConnectorVerifiedCredentials } from './useSetWalletConnectorVerifiedCredentials';
-export { useEmbeddedWallet } from './useEmbeddedWallet';
-export * from './useIsLoggedIn';
-export { usePasskeyRecovery } from './usePasskeyRecovery';
+export * from './useUserUpdateRequest';
+export { useValidateSession } from './useValidateSession';
+export { useVerifyWallet } from './useVerifyWallet';
+export { useWalletConnectorEvent } from './useWalletConnectorEvent';
+export { useWalletConnectorOptions } from './useWalletConnectorOptions';
+export { useWalletConnectors } from './useWalletConnectors';
+export { useWalletItemActions } from './useWalletItemActions';
+export { useWalletUiUtils } from './useWalletUiUtils';

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

@@ -28,21 +28,22 @@ require('../../../context/EmailVerificationContext/EmailVerificationContext.cjs'
 
 const useAuthenticateConnectedUser = () => {
     const signConnectOnlyUser = useSignConnectOnlyUser.useSignConnectOnlyUser();
-    const { connectedWallet, user } = useInternalDynamicContext.useInternalDynamicContext();
+    const { connectedWallets, user } = useInternalDynamicContext.useInternalDynamicContext();
     const [isAuthenticating, setIsAuthenticating] = React.useState(false);
     const authenticateUser = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (user) {
             throw new utils.DynamicError('User is already authenticated');
         }
-        if (!connectedWallet) {
+        if (connectedWallets.length === 0) {
             throw new utils.DynamicError('No connected wallet');
         }
+        const connectedWallet = connectedWallets[0];
         setIsAuthenticating(true);
         yield signConnectOnlyUser({
             walletConnector: connectedWallet.connector,
         });
         setIsAuthenticating(false);
-    }), [connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.address, connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.chain]);
+    }), [connectedWallets, signConnectOnlyUser, user]);
     return { authenticateUser, isAuthenticating };
 };
 

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

@@ -24,21 +24,22 @@ import '../../../context/EmailVerificationContext/EmailVerificationContext.js';
 
 const useAuthenticateConnectedUser = () => {
     const signConnectOnlyUser = useSignConnectOnlyUser();
-    const { connectedWallet, user } = useInternalDynamicContext();
+    const { connectedWallets, user } = useInternalDynamicContext();
     const [isAuthenticating, setIsAuthenticating] = useState(false);
     const authenticateUser = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         if (user) {
             throw new DynamicError('User is already authenticated');
         }
-        if (!connectedWallet) {
+        if (connectedWallets.length === 0) {
             throw new DynamicError('No connected wallet');
         }
+        const connectedWallet = connectedWallets[0];
         setIsAuthenticating(true);
         yield signConnectOnlyUser({
             walletConnector: connectedWallet.connector,
         });
         setIsAuthenticating(false);
-    }), [connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.address, connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.chain]);
+    }), [connectedWallets, signConnectOnlyUser, user]);
     return { authenticateUser, isAuthenticating };
 };
 

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

@@ -23,7 +23,7 @@ require('@dynamic-labs/multi-wallet');
 var shouldManuallyReconnectOnRefresh = require('../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.cjs');
 var getWalletProvider = require('../../functions/getWalletProvider/getWalletProvider.cjs');
 
-const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, onDisconnect, onBeforeConnectSuccessConfirmation, setShowAuthFlow, isBridgeFlow, }) => {
+const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, walletConnectorOptions, onDisconnect, onBeforeConnectSuccessConfirmation, setShowAuthFlow, isBridgeFlow, }) => {
     const [connectedWalletsInfo, setConnectedWalletsInfo, removeConnectedWalletsInfo,] = useLocalStorage.useLocalStorage(localStorage.CONNECTED_WALLETS_INFO, []);
     const [connectedWallets, setConnectedWallets] = React.useState([]);
     const disconnectWallet = React.useCallback((walletId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -58,7 +58,7 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
     // The event listeners are updating `connectedWallets` list.
     // It should be called on the first render and when connectedWalletsInfo updates
     const updateConnectedWalletsList = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        const walletConnectors = wallets.map((wallet) => wallet.walletConnector);
+        const walletConnectors = walletConnectorOptions.map((wallet) => wallet.walletConnector);
         if (!walletConnectors.length) {
             return;
         }
@@ -88,12 +88,12 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
             return walletObject;
         })))).filter((wallet) => Boolean(wallet));
         setConnectedWallets(updatedConnectedWallets);
-    }), [connectedWalletsInfo, disconnectWallet, wallets]);
+    }), [connectedWalletsInfo, disconnectWallet, walletConnectorOptions]);
     // Generate the connectedWallets list when connectedWalletsInfo (localStorage) or memoized wallet connector updates
     React.useEffect(() => {
         updateConnectedWalletsList();
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [connectedWalletsInfo, wallets]);
+    }, [connectedWalletsInfo, walletConnectorOptions]);
     const getNextIdAvailable = React.useCallback((currentWallets) => {
         const existingIds = currentWallets.map(({ id }) => id);
         const sortedIds = existingIds
@@ -114,7 +114,6 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
             setConnectedWallets(clonedConnectedWalletsList);
         }
     }, [connectedWallets]);
-    const connectedWallet = connectedWallets[0] || null;
     // Keeps connected wallet data inside localStorage
     const applyConnectedWalletToStore = ({ walletId, walletConnectorKey, walletChain, provider, }) => {
         const updatedConnectedWalletsInfo = [...connectedWalletsInfo];
@@ -210,7 +209,6 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
     const getConnectedWalletById = React.useCallback((walletId) => connectedWallets.find((wallet) => wallet.id === walletId), [connectedWallets]);
     return {
         connectWallet,
-        connectedWallet,
         connectedWallets,
         connectedWalletsInfo,
         disconnectWallet,

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

@@ -15,7 +15,7 @@ type Props = {
     environmentId: string;
     primaryWalletId: string | undefined;
     setPrimaryWalletId: (walletId: string) => void;
-    wallets: WalletOption[];
+    walletConnectorOptions: WalletOption[];
     onDisconnect: (connectedWalletsInfo: ConnectedWalletConnectorType[], wallet?: Wallet) => void;
     onBeforeConnectSuccessConfirmation: OnBeforeConnectSuccessConfirmation | undefined;
     setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
@@ -23,7 +23,6 @@ type Props = {
 };
 type UseConnectWalletValue = {
     connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts, shouldCallCallback?: boolean) => Promise<ConnectWalletResult | undefined>;
-    connectedWallet: Wallet | null;
     connectedWallets: Wallet[];
     connectedWalletsInfo: ConnectedWalletConnectorType[];
     getConnectedWalletById: (walletId: string) => Wallet | undefined;
@@ -31,5 +30,5 @@ type UseConnectWalletValue = {
     removeConnectedWalletsInfo: () => void;
     disconnectWallet: (walletId: string) => Promise<void>;
 };
-export declare const useConnectWallet: ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, onDisconnect, onBeforeConnectSuccessConfirmation, setShowAuthFlow, isBridgeFlow, }: Props) => UseConnectWalletValue;
+export declare const useConnectWallet: ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, walletConnectorOptions, onDisconnect, onBeforeConnectSuccessConfirmation, setShowAuthFlow, isBridgeFlow, }: Props) => UseConnectWalletValue;
 export {};

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

@@ -19,7 +19,7 @@ import '@dynamic-labs/multi-wallet';
 import { shouldManuallyReconnectOnRefresh } from '../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.js';
 import { getWalletProvider } from '../../functions/getWalletProvider/getWalletProvider.js';
 
-const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, onDisconnect, onBeforeConnectSuccessConfirmation, setShowAuthFlow, isBridgeFlow, }) => {
+const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, walletConnectorOptions, onDisconnect, onBeforeConnectSuccessConfirmation, setShowAuthFlow, isBridgeFlow, }) => {
     const [connectedWalletsInfo, setConnectedWalletsInfo, removeConnectedWalletsInfo,] = useLocalStorage(CONNECTED_WALLETS_INFO, []);
     const [connectedWallets, setConnectedWallets] = useState([]);
     const disconnectWallet = useCallback((walletId) => __awaiter(void 0, void 0, void 0, function* () {
@@ -54,7 +54,7 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
     // The event listeners are updating `connectedWallets` list.
     // It should be called on the first render and when connectedWalletsInfo updates
     const updateConnectedWalletsList = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        const walletConnectors = wallets.map((wallet) => wallet.walletConnector);
+        const walletConnectors = walletConnectorOptions.map((wallet) => wallet.walletConnector);
         if (!walletConnectors.length) {
             return;
         }
@@ -84,12 +84,12 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
             return walletObject;
         })))).filter((wallet) => Boolean(wallet));
         setConnectedWallets(updatedConnectedWallets);
-    }), [connectedWalletsInfo, disconnectWallet, wallets]);
+    }), [connectedWalletsInfo, disconnectWallet, walletConnectorOptions]);
     // Generate the connectedWallets list when connectedWalletsInfo (localStorage) or memoized wallet connector updates
     useEffect(() => {
         updateConnectedWalletsList();
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [connectedWalletsInfo, wallets]);
+    }, [connectedWalletsInfo, walletConnectorOptions]);
     const getNextIdAvailable = useCallback((currentWallets) => {
         const existingIds = currentWallets.map(({ id }) => id);
         const sortedIds = existingIds
@@ -110,7 +110,6 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
             setConnectedWallets(clonedConnectedWalletsList);
         }
     }, [connectedWallets]);
-    const connectedWallet = connectedWallets[0] || null;
     // Keeps connected wallet data inside localStorage
     const applyConnectedWalletToStore = ({ walletId, walletConnectorKey, walletChain, provider, }) => {
         const updatedConnectedWalletsInfo = [...connectedWalletsInfo];
@@ -206,7 +205,6 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
     const getConnectedWalletById = useCallback((walletId) => connectedWallets.find((wallet) => wallet.id === walletId), [connectedWallets]);
     return {
         connectWallet,
-        connectedWallet,
         connectedWallets,
         connectedWalletsInfo,
         disconnectWallet,

package/src/lib/utils/hooks/useCreateDynamicEmbeddedWalletMutation/index.d.ts

@@ -0,0 +1 @@
+export { useCreateDynamicEmbeddedWalletMutation } from './useCreateDynamicEmbeddedWalletMutation';

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

@@ -0,0 +1,83 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var createEmbeddedWalletWithPasskey = require('../../../views/Passkey/utils/createEmbeddedWalletWithPasskey/createEmbeddedWalletWithPasskey.cjs');
+var findPasskeyEmailWalletConnector = require('../../../views/Passkey/utils/findPasskeyEmailWalletConnector/findPasskeyEmailWalletConnector.cjs');
+var createPregeneratedWallet = require('../../../views/Passkey/utils/createPregeneratedWallet/createPregeneratedWallet.cjs');
+var createUserProfile = require('../../functions/createUserProfile/createUserProfile.cjs');
+require('@dynamic-labs/sdk-api');
+var logger = require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('react');
+require('@dynamic-labs/wallet-book');
+require('../../constants/colors.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('viem');
+require('@dynamic-labs/utils');
+require('../../../shared/consts/index.cjs');
+require('@dynamic-labs/multi-wallet');
+var index = require('../../functions/storeAuthToken/index.cjs');
+var smartWallet = require('../useWalletConnectors/utils/smartWallet/smartWallet.cjs');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
+var useMutation = require('../useMutation/useMutation.cjs');
+
+const useCreateDynamicEmbeddedWalletMutation = () => {
+    const { setPrimaryWalletId, internalEvents, setCallback, setUser, user, setShowAuthFlow, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { mutate: createDynamicEmbeddedWalletMutation, isLoading, error, } = useMutation.useMutation(({ authToken, decodedJwt, environmentId, walletConnectorOptions, withAuthenticator, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        const createEmbeddedWalletMethodToUse = withAuthenticator
+            ? createEmbeddedWalletWithPasskey.createEmbeddedWalletWithPasskey
+            : createPregeneratedWallet.createPregeneratedWallet;
+        const { embeddedWalletVerifiedCredential, jwt, decodedJwt: updatedDecodedJwt, walletConnector, } = yield createEmbeddedWalletMethodToUse({
+            authToken,
+            environmentId,
+            user: user !== null && user !== void 0 ? user : createUserProfile.createUserProfile(decodedJwt),
+            walletConnector: findPasskeyEmailWalletConnector.findPasskeyEmailWalletConnector(walletConnectorOptions),
+        });
+        const passkeyWallet = {
+            address: (yield walletConnector.fetchPublicAddress()) || '',
+            chain: walletConnector.connectedChain || '',
+            connected: true,
+            connector: walletConnector,
+            id: embeddedWalletVerifiedCredential.id,
+        };
+        internalEvents.current.emit('embeddedWalletCreated', passkeyWallet);
+        const smartWallet$1 = smartWallet.findSmartWallet(embeddedWalletVerifiedCredential, updatedDecodedJwt.verifiedCredentials);
+        if (smartWallet$1) {
+            yield smartWallet.initializeSmartWallet({
+                account: smartWallet$1,
+                verifiedCredentials: updatedDecodedJwt.verifiedCredentials,
+                walletConnectorOptions,
+            });
+            setPrimaryWalletId(smartWallet$1.id);
+        }
+        else {
+            setPrimaryWalletId(embeddedWalletVerifiedCredential.id);
+        }
+        index.storeAuthToken(jwt);
+        setUser(createUserProfile.createUserProfile(updatedDecodedJwt));
+        setShowAuthFlow(false);
+        const turnkeyVerifiedCredentials = (_a = updatedDecodedJwt === null || updatedDecodedJwt === void 0 ? void 0 : updatedDecodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('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);
+            internalEvents.current.emit('embeddedWalletFailed', err);
+        },
+    });
+    return {
+        createDynamicEmbeddedWalletMutation,
+        error,
+        isLoading,
+    };
+};
+
+exports.useCreateDynamicEmbeddedWalletMutation = useCreateDynamicEmbeddedWalletMutation;

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

@@ -0,0 +1,15 @@
+import { DynamicJwt } from '@dynamic-labs/sdk-api';
+import { WalletOption } from '../../../shared';
+type MutationProps = {
+    authToken: string | undefined;
+    environmentId: string;
+    walletConnectorOptions: WalletOption[];
+    decodedJwt: DynamicJwt;
+    withAuthenticator: boolean;
+};
+export declare const useCreateDynamicEmbeddedWalletMutation: () => {
+    createDynamicEmbeddedWalletMutation: (variables: MutationProps) => void;
+    error: unknown;
+    isLoading: boolean;
+};
+export {};

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

@@ -0,0 +1,79 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { createEmbeddedWalletWithPasskey } from '../../../views/Passkey/utils/createEmbeddedWalletWithPasskey/createEmbeddedWalletWithPasskey.js';
+import { findPasskeyEmailWalletConnector } from '../../../views/Passkey/utils/findPasskeyEmailWalletConnector/findPasskeyEmailWalletConnector.js';
+import { createPregeneratedWallet } from '../../../views/Passkey/utils/createPregeneratedWallet/createPregeneratedWallet.js';
+import { createUserProfile } from '../../functions/createUserProfile/createUserProfile.js';
+import '@dynamic-labs/sdk-api';
+import { logger } from '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import 'react';
+import '@dynamic-labs/wallet-book';
+import '../../constants/colors.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import '@dynamic-labs/utils';
+import '../../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+import { storeAuthToken } from '../../functions/storeAuthToken/index.js';
+import { findSmartWallet, initializeSmartWallet } from '../useWalletConnectors/utils/smartWallet/smartWallet.js';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
+import { useMutation } from '../useMutation/useMutation.js';
+
+const useCreateDynamicEmbeddedWalletMutation = () => {
+    const { setPrimaryWalletId, internalEvents, setCallback, setUser, user, setShowAuthFlow, } = useInternalDynamicContext();
+    const { mutate: createDynamicEmbeddedWalletMutation, isLoading, error, } = useMutation(({ authToken, decodedJwt, environmentId, walletConnectorOptions, withAuthenticator, }) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        const createEmbeddedWalletMethodToUse = withAuthenticator
+            ? createEmbeddedWalletWithPasskey
+            : createPregeneratedWallet;
+        const { embeddedWalletVerifiedCredential, jwt, decodedJwt: updatedDecodedJwt, walletConnector, } = yield createEmbeddedWalletMethodToUse({
+            authToken,
+            environmentId,
+            user: user !== null && user !== void 0 ? user : createUserProfile(decodedJwt),
+            walletConnector: findPasskeyEmailWalletConnector(walletConnectorOptions),
+        });
+        const passkeyWallet = {
+            address: (yield walletConnector.fetchPublicAddress()) || '',
+            chain: walletConnector.connectedChain || '',
+            connected: true,
+            connector: walletConnector,
+            id: embeddedWalletVerifiedCredential.id,
+        };
+        internalEvents.current.emit('embeddedWalletCreated', passkeyWallet);
+        const smartWallet = findSmartWallet(embeddedWalletVerifiedCredential, updatedDecodedJwt.verifiedCredentials);
+        if (smartWallet) {
+            yield initializeSmartWallet({
+                account: smartWallet,
+                verifiedCredentials: updatedDecodedJwt.verifiedCredentials,
+                walletConnectorOptions,
+            });
+            setPrimaryWalletId(smartWallet.id);
+        }
+        else {
+            setPrimaryWalletId(embeddedWalletVerifiedCredential.id);
+        }
+        storeAuthToken(jwt);
+        setUser(createUserProfile(updatedDecodedJwt));
+        setShowAuthFlow(false);
+        const turnkeyVerifiedCredentials = (_a = updatedDecodedJwt === null || updatedDecodedJwt === void 0 ? void 0 : updatedDecodedJwt.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.find(({ walletName }) => walletName === null || walletName === void 0 ? void 0 : walletName.startsWith('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);
+            internalEvents.current.emit('embeddedWalletFailed', err);
+        },
+    });
+    return {
+        createDynamicEmbeddedWalletMutation,
+        error,
+        isLoading,
+    };
+};
+
+export { useCreateDynamicEmbeddedWalletMutation };

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

@@ -5,9 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var reactI18next = require('react-i18next');
 var iconic = require('@dynamic-labs/iconic');
+var useIsTurnkeyWallet = require('../useIsTurnkeyWallet/useIsTurnkeyWallet.cjs');
 
 const useDynamicLayoutData = ({ view, authMode, }) => {
     const { t } = reactI18next.useTranslation();
+    const { isTurnkeyWalletWithoutAuthenticator } = useIsTurnkeyWallet.useIsTurnkeyWallet();
     if (view === 'no-access') {
         const headerData = {
             heading: t('dyn_no_access.title'),
@@ -67,13 +69,19 @@ const useDynamicLayoutData = ({ view, authMode, }) => {
             heading: 'Update Network',
         },
         'passkey-recovery-bundle': {
-            heading: t('dyn_passkey_recovery.code.title'),
+            heading: isTurnkeyWalletWithoutAuthenticator
+                ? t('dyn_passkey_secure_modal.code.title')
+                : t('dyn_passkey_recovery.code.title'),
         },
         'passkey-recovery-complete': {
-            heading: t('dyn_passkey_recovery.complete.title'),
+            heading: isTurnkeyWalletWithoutAuthenticator
+                ? t('dyn_passkey_secure_modal.complete.title')
+                : t('dyn_passkey_recovery.complete.title'),
         },
         'passkey-recovery-start': {
-            heading: t('dyn_passkey_recovery.start.title'),
+            heading: isTurnkeyWalletWithoutAuthenticator
+                ? t('dyn_passkey_secure_modal.start.title')
+                : t('dyn_passkey_recovery.start.title'),
         },
         'pending-connect': {
             heading: t('dyn_login.connect_wallet.title'),

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

@@ -1,9 +1,11 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
 import { WalletConnectIcon } from '@dynamic-labs/iconic';
+import { useIsTurnkeyWallet } from '../useIsTurnkeyWallet/useIsTurnkeyWallet.js';
 
 const useDynamicLayoutData = ({ view, authMode, }) => {
     const { t } = useTranslation();
+    const { isTurnkeyWalletWithoutAuthenticator } = useIsTurnkeyWallet();
     if (view === 'no-access') {
         const headerData = {
             heading: t('dyn_no_access.title'),
@@ -63,13 +65,19 @@ const useDynamicLayoutData = ({ view, authMode, }) => {
             heading: 'Update Network',
         },
         'passkey-recovery-bundle': {
-            heading: t('dyn_passkey_recovery.code.title'),
+            heading: isTurnkeyWalletWithoutAuthenticator
+                ? t('dyn_passkey_secure_modal.code.title')
+                : t('dyn_passkey_recovery.code.title'),
         },
         'passkey-recovery-complete': {
-            heading: t('dyn_passkey_recovery.complete.title'),
+            heading: isTurnkeyWalletWithoutAuthenticator
+                ? t('dyn_passkey_secure_modal.complete.title')
+                : t('dyn_passkey_recovery.complete.title'),
         },
         'passkey-recovery-start': {
-            heading: t('dyn_passkey_recovery.start.title'),
+            heading: isTurnkeyWalletWithoutAuthenticator
+                ? t('dyn_passkey_secure_modal.start.title')
+                : t('dyn_passkey_recovery.start.title'),
         },
         'pending-connect': {
             heading: t('dyn_login.connect_wallet.title'),

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

@@ -35,10 +35,13 @@ const useEmailProvider = ({ emailWalletConnector }) => {
     });
     const { providers } = projectSettings || {};
     const isInjectedWalletProviderEnabled = emailWalletConnector !== undefined;
+    // this is enabled in the sense that we could use the given provider in the email form
+    // for magic, as long as there are magic credentials available, then could have an email
+    // address that is a magic address, even if magic was previously turned off in dashboard
     const isMagicOrBloctoEnabled = isInjectedWalletProviderEnabled &&
-        Boolean(providers === null || providers === void 0 ? void 0 : providers.filter((provider) => provider.enabledAt &&
-            (provider.provider === sdkApi.ProviderEnum.MagicLink ||
-                provider.provider === sdkApi.ProviderEnum.Blocto)).length);
+        Boolean(providers === null || providers === void 0 ? void 0 : providers.filter((provider) => (provider.provider === sdkApi.ProviderEnum.MagicLink &&
+            Boolean(provider.providerProjectId)) ||
+            (provider.enabledAt && provider.provider === sdkApi.ProviderEnum.Blocto)).length);
     const handleEmailOnlyLoginSubmit = (emailInput, captchaToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const { email, verificationUUID } = yield api.createEmailVerification({
             captchaToken,

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

@@ -31,10 +31,13 @@ const useEmailProvider = ({ emailWalletConnector }) => {
     });
     const { providers } = projectSettings || {};
     const isInjectedWalletProviderEnabled = emailWalletConnector !== undefined;
+    // this is enabled in the sense that we could use the given provider in the email form
+    // for magic, as long as there are magic credentials available, then could have an email
+    // address that is a magic address, even if magic was previously turned off in dashboard
     const isMagicOrBloctoEnabled = isInjectedWalletProviderEnabled &&
-        Boolean(providers === null || providers === void 0 ? void 0 : providers.filter((provider) => provider.enabledAt &&
-            (provider.provider === ProviderEnum.MagicLink ||
-                provider.provider === ProviderEnum.Blocto)).length);
+        Boolean(providers === null || providers === void 0 ? void 0 : providers.filter((provider) => (provider.provider === ProviderEnum.MagicLink &&
+            Boolean(provider.providerProjectId)) ||
+            (provider.enabledAt && provider.provider === ProviderEnum.Blocto)).length);
     const handleEmailOnlyLoginSubmit = (emailInput, captchaToken) => __awaiter(void 0, void 0, void 0, function* () {
         const { email, verificationUUID } = yield createEmailVerification({
             captchaToken,